Quiet Cocoa Harbor color palette — #F4DDEA · #A4633A · #752B00 · #4E0B00 · #251000

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#F4DDEA): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#A4633A): A full-bodied, balanced gold — the color of old brass.
• Rust (#752B00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#4E0B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#251000): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

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

• Ancient Cabin color palette (#E1F0E1, #8D7138, #5E3E00, #3C2100, #1D1500)
• Misty Chapel color palette (#F7E2EC, #AA7C58, #873E00, #601E00, #361E00)
• Wandering Rust Villa color palette (#EBDDE6, #B45834, #553800, #581B00, #060300)
• Twilit Study color palette (#D3F0DF, #5F5C1C, #332C00, #171000, #030400)
• Muted Cocoa Summit color palette (#FFF1F7, #C09BA9, #90684E, #724430, #324231)
• Olive Courtyard color palette (#DCF5EA, #98A36F, #6E6E05, #544A00, #2C3B10)
• Crimson Villa color palette (#F2EBFF, #C68100, #ED0146, #230A00, #0F0110)
• Hushed Chestnut color palette (#ECF9EF, #A3C0AE, #678A70, #72592F, #364E42)

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