Worn Harbor color palette — #DFF9EB · #009EC2 · #00549D · #004F62 · #1D0720
Built around Peacock, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DFF9EB): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#009EC2): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#00549D): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004F62): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#1D0720): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Balance. Tagged duotone, cool.
Use it as a design system
One click turns Worn 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
- Lagoon Basin color palette (#E3F9E1, #00A39F, #005D7A, #005250, #00141E)
- Muted Bloom color palette (#DDF4E4, #00A7BE, #6B25C9, #005663, #050013)
- Grape Harbor color palette (#FCECFC, #368BFF, #6D00C1, #004291, #160928)
- Iris Terrace color palette (#FCF2F8, #898DF2, #823E89, #44458E, #261116)
- Soft Indigo Balcony color palette (#E1F6FF, #00C0DA, #6754FE, #007687, #0E0735)
- Aged Harbor color palette (#E8FAF3, #B5DDD2, #90A8CE, #00618D, #1F3930)
- Midnight Aubergine color palette (#D2EAE3, #005F9B, #2B0071, #001F37, #060003)
- Quiet Aubergine Grove color palette (#D6FFE2, #00717F, #4C00B5, #223900, #00201A)
Browse the whole catalog at Explore, or see today's palette.