Cocoa Coast color palette — #E2F5E0 · #AC9E45 · #905D00 · #7A2E16 · #123E35
Rust and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E2F5E0): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#AC9E45): A luminous, balanced green — the color of new leaves after rain.
- Ochre (#905D00): A full-bodied, balanced gold — the color of old brass.
- Rust (#7A2E16): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#123E35): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Cocoa Coast 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
- Weathered Bronze color palette (#FFF0F8, #C0A178, #A45D39, #744047, #2F4238)
- Gentle Cabin color palette (#D8F9D7, #D9AF32, #AF7A29, #84532E, #1A3D2E)
- Timeworn Marigold color palette (#FEE5C5, #C39A0D, #906005, #633712, #241B00)
- Tempered Driftwood color palette (#D6EAD9, #8A8D43, #6F4F00, #5B2500, #002B26)
- Patina Garnet Drift color palette (#FDCFE2, #AC882A, #884800, #760010, #282C00)
- Washed Bronze color palette (#FAE5F1, #8B5D00, #5E2400, #3C0010, #0E0C00)
- Scarlet Grove color palette (#F8E4FF, #E46FA6, #CF1D00, #693B00, #3B3500)
- Faded Grape color palette (#F4F4FF, #C185E1, #636B00, #7F00AA, #052319)
Browse the whole catalog at Explore, or see today's palette.