Ancient Harbor color palette — #D7E7DC · #00A4BA · #673EC4 · #005D6A · #040014
Built around Iris, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Parchment (#D7E7DC): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#00A4BA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Iris (#673EC4): A full-bodied, vivid violet — the color of twilight just after sunset.
- Peacock (#005D6A): A full-bodied, dusty blue — the color of open sky before noon.
- Ink (#040014): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged duotone.
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
- Hushed Canyon color palette (#E9F8FF, #00B6CD, #5526ED, #005864, #00000A)
- Tempered Workshop color palette (#E6F1E5, #00A7A5, #005DBD, #005F5E, #00030E)
- Tempered Archive color palette (#CFE6DE, #2B9AE3, #941BA6, #005788, #0C0002)
- Timeworn Byzantium color palette (#E2F8F1, #4DB3FF, #943EEA, #006EAD, #19032F)
- Nightshade Harbor color palette (#F4E7D2, #0089C7, #4841BA, #5C2600, #001632)
- Aubergine Corridor color palette (#DAE6D7, #00897D, #69006A, #003B35, #09000A)
- Hushed Balcony color palette (#D8F2FC, #0094E2, #2F58D2, #340CA0, #1D0039)
- Washed Plum color palette (#F6E6EE, #A198EB, #C23066, #624CBA, #1F0302)
Browse the whole catalog at Explore, or see today's palette.