Worn Petrol Harbor color palette — #E8FAF2 · #CFE6B5 · #7CB187 · #2B7D96 · #264641
Built around Slate, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Celadon Mist (#CFE6B5): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7CB187): A luminous, balanced teal — the color of glacier melt.
- Slate (#2B7D96): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#264641): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Worn Petrol 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
- Muted Stone color palette (#EFF8F2, #C1DCE9, #A9B486, #6D8F7B, #344C42)
- Tempered Field color palette (#E9F9F9, #9BDDBE, #60A6B4, #496BA1, #353455)
- Jade Market color palette (#D8FFF3, #45BB84, #007C6E, #003F79, #00170F)
- Washed Mint Villa color palette (#FFF1F6, #DAD29A, #75C198, #9F7EA4, #374D46)
- Ancient Mustard color palette (#FFEFDF, #B4B055, #46876C, #6C4551, #2E2D1A)
- Patina Ridge color palette (#DBFEF7, #6CCBB4, #009093, #2F46A5, #00272D)
- Mint Boulevard color palette (#ECF8F6, #90BD7D, #3D5B59, #1C2F2C, #09120F)
- Pale Alley color palette (#D0F8F1, #009F92, #00606A, #23007F, #000505)
Browse the whole catalog at Explore, or see today's palette.