Cocoa Coast color palette — #FFF3E8 · #5FA88F · #3A6E9A · #773C00 · #29452C
Bronze and Slate set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Jade (#5FA88F): A luminous, balanced teal — the color of glacier melt.
- Slate (#3A6E9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#773C00): A full-bodied, balanced gold — the color of old brass.
- Forest (#29452C): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, muted.
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
- Muted Chestnut Archive color palette (#FDF4E3, #79B4B4, #69759F, #655923, #324F41)
- Garnet Ridge color palette (#FFF2EF, #8DA067, #00797E, #7A3146, #3C3E37)
- Petrol Bloom color palette (#E3F8E7, #48ADB4, #0072AB, #6B313B, #072633)
- Cerulean Balcony color palette (#FFF4E2, #5BC4CA, #438EC0, #8B4E57, #2A4435)
- Denim Orchard color palette (#F6E2BB, #00927B, #00529A, #443700, #002F34)
- Dusty Basalt color palette (#FBF4EC, #B9B08D, #597E5B, #42634A, #4F4100)
- Lapis Canyon color palette (#F9F7D5, #009EB0, #5C44C4, #354F00, #003A56)
- Muted Pine Dune color palette (#FCF3F1, #CCE4CC, #4696B1, #217435, #573D59)
Browse the whole catalog at Explore, or see today's palette.