Cocoa Ridge color palette — #C3EAEF · #006F5C · #842800 · #00352B · #220500

A conversation between Rust and Pine, giving this palette its sense of calm and balance.

The five colors

• Frost (#C3EAEF): A whisper-light, dusty blue — the color of open sky before noon.
• Pine (#006F5C): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#842800): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#00352B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#220500): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Calm, Balance. Tagged cool.

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

• Shadow Garnet color palette (#DCECF7, #005A73, #731800, #002531, #120100)
• Muted Cocoa color palette (#E2EFDF, #006A62, #5B4600, #00312E, #040200)
• Pale Mulberry Market color palette (#CCF3F8, #006F5C, #850066, #00352B, #220018)
• Ancient Garnet color palette (#D5ECE8, #005951, #780040, #541B00, #000A08)
• Linen Sapphire Grove color palette (#DAEAFF, #0065DF, #635B00, #00347B, #1F1B00)
• Rust Alley color palette (#BCEFFB, #009894, #C03C00, #005B58, #541500)
• Soft Cobalt color palette (#C8E2F7, #0087C6, #905F00, #004E75, #3A2400)
• Twilit Lagoon Terrace color palette (#DAEEEF, #008691, #003C3E, #001315, #000303)

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