Cocoa Harbor color palette — #D3EDD4 · #959042 · #805700 · #692400 · #001B17
A conversation between Rust and Coffee, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D3EDD4): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#959042): A luminous, balanced green — the color of fresh herbs.
- Coffee (#805700): A full-bodied, balanced gold — the color of honey in a jar.
- Rust (#692400): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#001B17): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Garnet Thicket color palette (#FFE4F0, #A6874C, #8D4E1D, #6E1922, #171800)
- Feathered Veranda color palette (#DDF2E0, #A0A559, #916A00, #773911, #002B27)
- Tempered Olive color palette (#D0E6D9, #6C893F, #5F5300, #482700, #000F05)
- Taupe Harbor color palette (#F9E1C2, #A49E43, #805600, #571C00, #040400)
- Misty Bronze color palette (#E2F5E0, #C3B66A, #AC7B3C, #8C4D3A, #2C3B16)
- Rust Summit color palette (#FFD3C4, #D9943F, #C14E22, #911E46, #312800)
- Garnet Bloom color palette (#CCEBFD, #007B9A, #993866, #7A0048, #001017)
- Hushed Tangerine color palette (#FAEAEF, #FF7545, #009055, #002411, #000605)
Browse the whole catalog at Explore, or see today's palette.