Tempered Cocoa Harbor color palette — #D9DFF6 · #A28BB8 · #845073 · #634800 · #2C3D21
A conversation between Bronze and Graphite, giving this palette its sense of nature and growth.
The five colors
- Frost (#D9DFF6): A whisper-light, dusty violet — the color of twilight just after sunset.
- Dusty Rose (#A28BB8): A luminous, dusty violet — the color of wild irises.
- Graphite (#845073): A full-bodied, balanced pink — the color of a candy shop window.
- Bronze (#634800): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#2C3D21): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered 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
- Abyss Station color palette (#D8EAFF, #AD8697, #875C5B, #2D4627, #1D1F00)
- Chestnut Station color palette (#F0E1EA, #C1A0D2, #91677B, #675400, #414600)
- Antique Meadow color palette (#DBF3FE, #6E9EE2, #665C8D, #633C28, #34342D)
- Forest Thicket color palette (#C7E2FA, #A49AC6, #8D7B9F, #36643F, #004240)
- Blush Villa color palette (#F6E6F4, #E87296, #9D5145, #285D33, #004940)
- Dusty Bronze color palette (#E9E6FF, #C8A7C1, #C4819E, #A4622C, #213E23)
- Airy Plum color palette (#F0DBF8, #A6467F, #683331, #193900, #162604)
- Fern Dune color palette (#FFEFF4, #CEA5C5, #A4837B, #6C681C, #415347)
Browse the whole catalog at Explore, or see today's palette.