diff --git a/src/lib/components/atoms/Badge.svelte b/src/lib/components/atoms/Badge.svelte
new file mode 100644
index 0000000..5dc8519
--- /dev/null
+++ b/src/lib/components/atoms/Badge.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	type Props = {
+		children: Snippet;
+		disabled?: boolean;
+	};
+
+	let { children, disabled = false }: Props = $props();
+</script>
+
+<span
+	class="rounded-lg bg-amber-300 px-3 py-1 text-xs font-medium text-gray-800 transition-all duration-200 ease-in-out hover:bg-amber-400"
+>
+	{@render children()}
+</span>