Cocoa Ridge color palette — #DEFCE2 · #006268 · #5C3F00 · #243100 · #002116

Bronze takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DEFCE2): A whisper-light, dusty green — the color of new leaves after rain.
• Peacock (#006268): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#5C3F00): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#243100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#002116): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Gentle Veranda color palette (#E2FCF1, #0076A0, #555800, #004C24, #00292D)
• Terracotta Harbor color palette (#FFE7D9, #982A00, #414600, #003C20, #001B1E)
• Fern Coast color palette (#FCF4EB, #A26400, #106910, #004E49, #183329)
• Tempered Garnet color palette (#EEF5D8, #00702F, #7E0600, #3A2400, #111700)
• Tempered Bronze color palette (#FEF2F0, #AF6F7F, #8C6307, #4C5928, #31342E)
• Aged Amethyst Chapel color palette (#E5EDFF, #7251FF, #755B00, #5A4500, #001E1E)
• Antique Quarry color palette (#FFE1F1, #6C17FA, #634100, #3A2400, #000607)
• Linen Plum color palette (#FFDFDE, #C10089, #8E1200, #452D00, #1F2900)

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