Cocoa Harbor color palette — #FDE6F6 · #97616A · #7E3D1C · #003D23 · #021901
Bronze and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FDE6F6): A whisper-light, dusty pink — the color of neon signs at night.
- Pewter (#97616A): A full-bodied, dusty red — the color of embers at dusk.
- Bronze (#7E3D1C): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#003D23): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#021901): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Harbor 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
- Aged Study color palette (#FBE1DB, #B2654D, #764C00, #003C3A, #001921)
- Hushed Courtyard color palette (#FBD3DB, #A26564, #6C3D2E, #232100, #010100)
- Ancient Mulberry color palette (#E7E6F4, #896993, #7E2D56, #313100, #001904)
- Aged Driftwood color palette (#E6E3FC, #AC7194, #91594E, #005253, #001527)
- Worn Mulberry Market color palette (#E7E0EE, #9F3C67, #5A3000, #002727, #001212)
- Weathered Bronze Canyon color palette (#FFEBE9, #C7875E, #926D00, #014F57, #00283C)
- Hushed Olive Atelier color palette (#F4E6D0, #7F7700, #3C4D00, #381854, #070600)
- Tempered Hollow color palette (#FFDED6, #A11E00, #005D2F, #26239C, #060000)
Browse the whole catalog at Explore, or see today's palette.