Cocoa Ridge color palette — #E8FBED · #ADF3FF · #FFB6AD · #61A6B2 · #6F3215

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

The five colors

• Ivory (#E8FBED): A whisper-light, dusty teal — the color of glacier melt.
• Sea Foam (#ADF3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Rose Quartz (#FFB6AD): A whisper-light, balanced orange — the color of sun-warmed clay.
• Blue Fog (#61A6B2): A luminous, dusty blue — the color of open sky before noon.
• Rust (#6F3215): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Softness, Clarity. Tagged light, 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 Cocoa Grove color palette (#FFF0FD, #DED8F3, #EFC295, #839AC9, #643C00)
• Timeworn Garden color palette (#F2F8E7, #ACFACB, #F9B3DC, #69AB84, #5D3C3D)
• Antique Thicket color palette (#E9F8FF, #A3E0F0, #D7B9EC, #55B8CF, #4B486C)
• Cerulean Study color palette (#FDF1FA, #D8D9CD, #7384B2, #523F4F, #21181F)
• Softworn Stone color palette (#E9FBEA, #DCD7E3, #ADCAB1, #AFAEA3, #41554D)
• Antique Petrol color palette (#ECF7FB, #74BEC6, #C78674, #00828C, #614158)
• Muted Balcony color palette (#E4FDE9, #5EE1F0, #EFA787, #CA937A, #2E3D31)
• Timeworn Lantern color palette (#DCFFEB, #5BD9FF, #FC8F04, #008CAB, #472400)

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