Worn Azure Harbor color palette — #FFF2EA · #86E1C3 · #5C97CC · #8D5137 · #243726
Slate Blue and Lagoon set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Lagoon (#86E1C3): A whisper-light, balanced teal — the color of sea glass.
- Slate Blue (#5C97CC): A luminous, balanced blue — the color of deep harbor water.
- Coffee (#8D5137): A full-bodied, balanced orange — the color of toasted spice.
- Deep Forest (#243726): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Worn Azure 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
- Tempered Oat color palette (#FFF2EE, #B6D999, #49A0AC, #84506C, #30332C)
- Iris Lagoon color palette (#FEF5DB, #79DEEB, #888ACE, #6B6616, #15392D)
- Timeworn Driftwood color palette (#EAFAED, #86D8D8, #61AEDB, #B76578, #204250)
- Aqua Terrace color palette (#EBFAEE, #44D0E0, #BD7172, #8F3F42, #402400)
- Ancient Grove color palette (#FDF3E8, #D6E6BB, #88A884, #607F66, #3A3831)
- Petrol Thicket color palette (#FBF0E1, #34B0B1, #0074A3, #6E2E3F, #0F2919)
- Lagoon Station color palette (#FBF4EC, #C5E3F8, #ACB7F0, #1E9399, #533540)
- Tempered Ridge color palette (#E9FAEF, #21B0CB, #523F50, #142219, #040602)
Browse the whole catalog at Explore, or see today's palette.