Cocoa Ridge color palette — #E9F5F0 · #5A92B1 · #645D92 · #783821 · #181F0B

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

The five colors

• Cream (#E9F5F0): bright and airy, almost weightless.
• Storm Blue (#5A92B1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#645D92): A full-bodied, balanced violet — the color of twilight just after sunset.
• Rust (#783821): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#181F0B): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, 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

• Timeworn Lantern color palette (#F6EFF5, #728EBB, #95547D, #554600, #091D11)
• Weathered Canyon color palette (#F0F3EB, #6DAC89, #72699B, #6E4000, #232C05)
• Weathered Mulberry color palette (#FBF2FA, #6387BF, #854B79, #723C40, #37312C)
• Washed Garnet color palette (#EDF4EB, #55A29A, #327697, #723153, #201904)
• Aged Cerulean color palette (#E2F2EA, #338EB0, #463544, #12221B, #090E09)
• Mulberry Meadow color palette (#FDECF8, #5662B2, #772867, #442F00, #000F04)
• Timeworn Villa color palette (#EEF3EE, #D0D9D8, #ADA99F, #518F90, #303930)
• Bronze Thicket color palette (#EDF8F4, #B6CA8E, #C47B90, #9C5537, #1B2C1F)

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