Cocoa Coast color palette — #C3E7ED · #8FA8B8 · #6D739A · #5F4814 · #00312C
Built around Bronze, softened by Slate — the whole palette hums with optimism and sophistication.
The five colors
- Frost (#C3E7ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#8FA8B8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#6D739A): A full-bodied, dusty violet — the color of twilight just after sunset.
- Bronze (#5F4814): A full-bodied, dusty gold — the color of honey in a jar.
- Deep Forest (#00312C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication. Tagged vintage, 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
- Timeworn Fern color palette (#C1E4FE, #97A3C6, #8E6283, #335721, #00343F)
- Softworn Chestnut Harbor color palette (#D8F2FF, #9FBAD2, #8188A5, #655721, #003D3A)
- Cocoa Veranda color palette (#D3F2EB, #7BADB5, #52798F, #6B3728, #342500)
- Hushed Studio color palette (#E8F3FF, #BEC2D3, #958CA3, #50706D, #2C4B54)
- Denim Delta color palette (#D0F9FB, #6383A3, #5C4A7E, #302C00, #001A0C)
- Washed Cobalt Market color palette (#F7EFF4, #A7CEE3, #4582AF, #005C54, #0F1E43)
- Hushed Cypress color palette (#E9F5F0, #86AB88, #0E755F, #044F60, #00221F)
- Ancient Orchard color palette (#FFF0FA, #E8CAD8, #B49AC7, #825A4E, #5F2601)
Browse the whole catalog at Explore, or see today's palette.