Chestnut Harbor color palette — #DCFAF7 · #98BCB8 · #5F8B9F · #7C5B33 · #26594E
Coffee takes the lead with Pine close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Ivory (#DCFAF7): A whisper-light, dusty teal — the color of sea glass.
- Ash (#98BCB8): A luminous, dusty teal — the color of glacier melt.
- Storm Blue (#5F8B9F): A luminous, dusty blue — the color of deep harbor water.
- Coffee (#7C5B33): A full-bodied, dusty gold — the color of old brass.
- Pine (#26594E): A full-bodied, dusty teal — the color of glacier melt.
Feels like: 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
- Gentle Workshop color palette (#B2FAFC, #7CACBD, #6674AA, #466219, #005251)
- Timeworn Dune color palette (#E1FBFC, #B8D1D7, #7F93AA, #507C6D, #3F5662)
- Cypress Summit color palette (#FDF2F6, #90BBA4, #627C54, #146667, #2C4A3A)
- Hushed Petrol Summit color palette (#E0F5EE, #63A591, #007EA1, #604B00, #004F26)
- Softworn Chestnut color palette (#D8F6DD, #9FC4B2, #947A92, #85442D, #4F2A00)
- Chestnut Studio color palette (#EBFDD5, #B7DFC8, #C7AAB9, #9A8876, #774809)
- Softworn Forest color palette (#DDF5F8, #6B94AB, #5F6A8E, #125313, #003C41)
- Bronze Drift color palette (#EEF6FF, #608BC2, #A46F04, #6B6600, #27394F)
Browse the whole catalog at Explore, or see today's palette.