Cocoa Ridge color palette — #EEF7FC · #6BA0B8 · #85618D · #833D01 · #104D47
Bronze and Slate set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF7FC): a clean, paper-quiet neutral.
- Blue Fog (#6BA0B8): A luminous, dusty blue — the color of deep harbor water.
- Slate (#85618D): A full-bodied, dusty pink — the color of a candy shop window.
- Bronze (#833D01): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#104D47): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Cocoa Ridge 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
- Aged Fern color palette (#F2F5FD, #8C95C3, #9C5968, #625300, #004D49)
- Hushed Pewter color palette (#ECF7FF, #B1C2D9, #9297B2, #856978, #465648)
- Pewter Courtyard color palette (#E9F5F4, #6FAC84, #8A5C9E, #495210, #032F27)
- Wandering Harbor color palette (#ECF8F5, #A6C9C5, #598B8D, #476C77, #365350)
- Linen Mulberry color palette (#EBF2FF, #6172B6, #8B2D49, #433B00, #003332)
- Patina Dune color palette (#F1F8ED, #72C3B0, #C06F8E, #706B35, #45423B)
- Petrol Hollow color palette (#EDF6FF, #99B8E4, #7388CA, #5E5DA4, #4C5273)
- Softworn Powder color palette (#EDF8F3, #72D5FF, #C198CA, #A67C63, #42433C)
Browse the whole catalog at Explore, or see today's palette.