Worn Harbor color palette — #D1EFF8 · #007A7E · #A10020 · #003234 · #040000
A conversation between Garnet and Teal, giving this palette its sense of balance.
The five colors
- Frost (#D1EFF8): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007A7E): A full-bodied, balanced teal — the color of shallow lagoons.
- Garnet (#A10020): A full-bodied, vivid orange — the color of sun-warmed clay.
- Deep Forest (#003234): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Balance. Tagged 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
- Patina Cocoa color palette (#D1E9F9, #00759D, #873B00, #003043, #030100)
- Feathered Mulberry color palette (#C7EDEF, #007E5D, #98005F, #003425, #040001)
- Eclipse Garnet color palette (#DCEDDD, #005D60, #780024, #002628, #130002)
- Pale Crimson Boulevard color palette (#D2E9F2, #008F9A, #D0004C, #006068, #130003)
- Hushed Aubergine color palette (#DAF5FF, #006069, #730079, #402F00, #000102)
- Powdered Raspberry Courtyard color palette (#F1EACA, #E80083, #007CAB, #090C12, #000103)
- Cocoa Grove color palette (#FFE9F2, #906A3A, #5C2E00, #270600, #020100)
- Azure Archive color palette (#E0F0FF, #369ADD, #A96A00, #005280, #0E0500)
Browse the whole catalog at Explore, or see today's palette.