Tempered Cocoa Quarry color palette — #F9DCC9 · #863500 · #004770 · #002B47 · #1C0600

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

The five colors

• Shell Pink (#F9DCC9): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#863500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Navy (#004770): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002B47): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#1C0600): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

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

• Gentle Mulberry color palette (#FFE6E0, #98003E, #004B5A, #002E38, #220008)
• Faded Onyx color palette (#F0E0CC, #764F00, #003865, #290052, #1D001D)
• Airy Navy color palette (#EEE0CF, #6C4A00, #2E3393, #1A1C63, #150B00)
• Midnight Cocoa color palette (#FEEDD6, #5F3E00, #00344D, #002033, #150018)
• Lapis Atelier color palette (#FBE0BF, #8C5D00, #4C32D1, #33248F, #2D1B00)
• Aubergine Loft color palette (#EFDECE, #8E5800, #024B0D, #2A0460, #1B1600)
• Gentle Rust color palette (#F5E2D8, #CB4000, #004C31, #5A1700, #020400)
• Cocoa Chapel color palette (#EDE3D8, #BEB9A6, #8C9276, #5E3C00, #291C0C)

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