Chestnut Harbor color palette — #DCEEEB · #83AD95 · #856A84 · #794A53 · #663F2C
Built around Coffee, softened by Cocoa — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DCEEEB): a clean, paper-quiet neutral.
- Sage (#83AD95): A luminous, dusty teal — the color of sea glass.
- Slate (#856A84): A full-bodied, dusty pink — the color of neon signs at night.
- Coffee (#794A53): A full-bodied, dusty red — the color of a theater curtain.
- Cocoa (#663F2C): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Chestnut 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
- Basalt Veranda color palette (#CCEFFD, #83A5C9, #727097, #754937, #484400)
- Frost Coast color palette (#BAF2DC, #87A88B, #5D8073, #684746, #3F3B35)
- Dusty Chestnut Delta color palette (#E2FCEB, #A6C4BB, #927A8A, #8F5131, #594D00)
- Tempered Pewter color palette (#F1DDE9, #9D87AD, #844F71, #5B4400, #243A1D)
- Hushed Veranda color palette (#D6F7FF, #A7C9DD, #7AA9DD, #AF767F, #583C4C)
- Garnet Lantern color palette (#D8F5F8, #418EAD, #385087, #5F1C1C, #411E03)
- Patina Harbor color palette (#FAF4EC, #ACCEC0, #517CA6, #005E69, #28395D)
- Tempered Lagoon color palette (#FEF4E2, #A09E64, #566C27, #425209, #37352F)
Browse the whole catalog at Explore, or see today's palette.