Hushed Cocoa Harbor color palette — #F7F9CF · #C4E3CB · #A9BA9E · #6F877D · #6C3D00

Bronze and Custard set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F7F9CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#C4E3CB): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A9BA9E): A luminous, dusty green — the color of a quiet forest floor.
• Storm Blue (#6F877D): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#6C3D00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

One click turns Hushed 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

• Bone Station color palette (#FAF7D4, #C6E2C6, #A5B293, #688778, #394E48)
• Aged Driftwood Canyon color palette (#FFEADE, #BEAF90, #758D4B, #815356, #763C16)
• Antique Denim Summit color palette (#C9F1E5, #97BAB7, #5E8991, #61517B, #413254)
• Powder Chapel color palette (#F4F6ED, #BCE2F1, #78C5F0, #3E8F9E, #25473D)
• Washed Glacier Corridor color palette (#E5F9FF, #A7E2FF, #A68EA9, #845B67, #553A3D)
• Weathered Celadon Courtyard color palette (#DFFFE2, #8DFBB4, #4BBE8B, #207960, #1A5043)
• Hushed Aqua color palette (#D3FAFF, #67C9E9, #5B97C2, #70515D, #3D2027)
• Quiet Seafoam Coast color palette (#EFF9E7, #51F3CD, #A1B7FF, #439C85, #4B2C45)

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