Ancient Harbor color palette — #D6E8FF · #9DAED1 · #737B9D · #754156 · #5C3320
Coffee and Cocoa set the tone — five colors that lean into optimism and sophistication.
The five colors
- Frost (#D6E8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mauve (#9DAED1): A luminous, dusty violet — the color of wild irises.
- Slate (#737B9D): A full-bodied, dusty violet — the color of wild irises.
- Coffee (#754156): A full-bodied, dusty rose — the color of a warm blush.
- Cocoa (#5C3320): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Ancient 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
- Chestnut Chapel color palette (#EAF0FF, #A9ADCB, #8986A4, #815050, #614558)
- Antique Cobalt Field color palette (#DAEDEF, #89A9BD, #6571A8, #59441C, #183023)
- Terracotta Delta color palette (#F2EBFF, #A794B5, #8B4F55, #634410, #3E3404)
- Softworn Lagoon color palette (#E4E5FF, #8979A0, #6D5073, #681A17, #481800)
- Tempered Chestnut color palette (#D7ECCF, #9AC2AD, #8391C5, #825F18, #5F4500)
- Soft Ultramarine Boulevard color palette (#E5EFFF, #6D8DCB, #B85076, #0D43CD, #562034)
- Chestnut Balcony color palette (#EFE9FF, #D095B4, #A86573, #805113, #454E15)
- Tempered Garnet Thicket color palette (#E1DEFB, #825078, #602241, #351800, #1A0E00)
Browse the whole catalog at Explore, or see today's palette.