Worn Harbor color palette — #EBF0EA · #B8C9C0 · #B19EAF · #007068 · #162313
A conversation between Teal and Onyx, giving this palette its sense of sophistication.
The five colors
- Cream (#EBF0EA): bright and airy, almost weightless.
- Stone (#B8C9C0): A whisper-light, dusty teal — the color of shallow lagoons.
- Mauve (#B19EAF): A luminous, dusty pink — the color of a candy shop window.
- Teal (#007068): A full-bodied, balanced teal — the color of shallow lagoons.
- Onyx (#162313): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Sophistication. Tagged scandi, muted, light.
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
- Ancient Lagoon color palette (#E2ECE1, #A7C9C4, #90ADAE, #14928F, #192218)
- Cypress Thicket color palette (#EDF7F9, #D1DAED, #A9BDD7, #006F64, #001013)
- Tempered Olive color palette (#E6E7DD, #BEC8B8, #8DAE98, #2F7200, #202111)
- Hushed Abyss Courtyard color palette (#DFE6E8, #ABBCC4, #7992A4, #004F4E, #122226)
- Worn Cerulean Quarry color palette (#EDF8F2, #E9D7E9, #D5B3C2, #0085A0, #1C3A2A)
- Ancient Thicket color palette (#E3EBDB, #5FA7A7, #4D719B, #4E4A02, #2F2C00)
- Antique Pier color palette (#E0ECE8, #ADA1A8, #9D7C84, #004A71, #000D08)
- Pine Harbor color palette (#F7E9D9, #97974A, #19741A, #004F55, #1D1C00)
Browse the whole catalog at Explore, or see today's palette.