Cocoa Ridge color palette — #EBF9F5 · #678EB2 · #4E6592 · #7B3C00 · #283A2F

A conversation between Bronze and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF9F5): bright and airy, almost weightless.
• Slate Blue (#678EB2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4E6592): A full-bodied, dusty violet — the color of a velvet chair.
• Bronze (#7B3C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#283A2F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Washed Petrol Atelier color palette (#F1F8EE, #5C9D91, #006C90, #75342F, #2A3725)
• Hushed Chestnut color palette (#F0F8ED, #5BA89B, #626D9C, #734900, #004E45)
• Timeworn Cerulean color palette (#E9F5F1, #5183A7, #4B3541, #182E27, #0F1816)
• Ancient Fern Canyon color palette (#FBF2F7, #7A7DAA, #83517E, #485400, #402E3A)
• Plum Corridor color palette (#EAF4F7, #389DA8, #A05084, #74451A, #071C1A)
• Washed Cerulean color palette (#F1F7F2, #D4DCDD, #B4AEA4, #528C97, #4D554F)
• Ancient Turquoise color palette (#EEF8F0, #3EAEB8, #AD6C95, #895C37, #363730)
• Muted Bloom color palette (#FEF0FF, #046DCB, #7021A0, #523600, #092645)

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