Tempered Cocoa Drift color palette — #EFE0E7 · #803B00 · #004578 · #002A4C · #1B0700

Bronze takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#EFE0E7): a clean, paper-quiet neutral.
• Bronze (#803B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#004578): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#002A4C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#1B0700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

One click turns Tempered Cocoa Drift 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

• Faded Navy color palette (#F3D7DF, #734600, #223793, #0E1572, #170A00)
• Deep Navy color palette (#DDEDDC, #6A4100, #002D6B, #001840, #0B0217)
• Tempered Quarry color palette (#F0D9EF, #9B002A, #004B5D, #002E3A, #19031A)
• Wandering Onyx color palette (#E4F2E5, #725100, #003E46, #340042, #200012)
• Abyss Loft color palette (#D1EAD9, #625000, #005130, #00274F, #030200)
• Rust Atelier color palette (#FFEADF, #C33200, #2059BF, #023996, #200300)
• Powdered Lapis Archive color palette (#CEEED5, #836200, #4E31D0, #34258D, #2A1D00)
• Worn Aubergine color palette (#F2E3D1, #835F00, #104A01, #2C0061, #191700)

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