Obsidian Harbor color palette — #F5E6D0 · #6E5300 · #253700 · #00173A · #0E0B00

Built around Coffee, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Parchment (#F5E6D0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Coffee (#6E5300): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#253700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Midnight (#00173A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0E0B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, dark, muted.

Use it as a design system

One click turns Obsidian Harbor into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Onyx Studio color palette (#F6E6DA, #7C4600, #103900, #1A003C, #020200)
• Antique Basalt color palette (#F4F0E2, #495658, #3D3B00, #162323, #030B00)
• Twilit Corridor color palette (#EBDDC7, #982F00, #412B00, #001D21, #170600)
• Smoked Courtyard color palette (#EEE6DA, #336700, #00392E, #25003F, #001003)
• Timeworn Pine color palette (#EDEDD6, #417A52, #004232, #351A00, #001506)
• Amber Boulevard color palette (#EFE3CB, #CC7C00, #7E7200, #00551D, #0A0D00)
• Lagoon Drift color palette (#EDE3D3, #4A9EA2, #005361, #003127, #001721)
• Muted Aubergine Thicket color palette (#FFE3F0, #AB5800, #325600, #3B0068, #110A00)

Browse the whole catalog at Explore, or see today's palette.