Cocoa Ridge color palette — #EDF7FF · #007596 · #822E00 · #5D1E00 · #012621

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

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Teal (#007596): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#822E00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#5D1E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#012621): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Softworn Petrol Garden color palette (#EDF6FF, #006FB3, #614100, #462D00, #002121)
• Feathered Cobalt color palette (#E8F3FF, #007CC7, #8B2F43, #433B00, #1A2B09)
• Feathered Iris color palette (#FFF0F8, #8776D4, #6F5EB8, #744400, #092518)
• Chalky Mulberry Grove color palette (#E3FAFF, #007467, #821E61, #581D43, #052112)
• Indigo Summit color palette (#EEF1FF, #7A60B5, #78386D, #631915, #000E11)
• Cobalt Veranda color palette (#D4F9E4, #0090CB, #5F4A95, #494000, #1E314A)
• Worn Petrol Archive color palette (#EFF6FC, #D9D7E4, #AFB2C6, #286A92, #313C46)
• Wandering Indigo Pier color palette (#F1F5FF, #7D73CB, #676B2B, #51542A, #24393F)

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