Obsidian Cocoa Courtyard color palette — #F2DEE9 · #7C3300 · #004449 · #361200 · #000102

Rust and Onyx set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F2DEE9): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#7C3300): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#004449): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#361200): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Obsidian Cocoa Courtyard 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

• Lowlit Mulberry color palette (#EFE1F2, #8F003B, #004542, #3F0016, #000201)
• Shadow Navy Station color palette (#F5E2E8, #6C4100, #003584, #2E1900, #000106)
• Shadow Navy Loft color palette (#FFE4DF, #740500, #00393D, #000770, #040000)
• Cocoa Dune color palette (#E4E4F8, #006D6B, #794200, #0B0D06, #040001)
• Charred Cabin color palette (#FFECDE, #984900, #482200, #140600, #030100)
• Linen Rust Loft color palette (#FFE2DA, #B83200, #00617F, #661800, #00070C)
• Velvet Thicket color palette (#D5F2E3, #405C11, #2D2B00, #160C00, #000200)
• Nightshade Grove color palette (#D9F4E8, #5B6100, #2300D6, #2A2D00, #010016)

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