Worn Petrol Loft color palette — #EEEFE6 · #9ABBA0 · #007586 · #00504D · #003441
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#EEEFE6): a clean, paper-quiet neutral.
- Sage (#9ABBA0): A luminous, dusty teal — the color of glacier melt.
- Teal (#007586): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003441): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Worn Petrol Loft 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
- Weathered Cerulean color palette (#F5F6EE, #AECEB9, #35839C, #005F64, #054057)
- Timeworn Market color palette (#F4E6DF, #85BFC5, #007697, #004D39, #00172D)
- Frosted Boulevard color palette (#ECF1E3, #8DBDAF, #2468B6, #004B68, #142B59)
- Pine Dune color palette (#EBF7D7, #73D4BC, #45B0AD, #2E723A, #0A402F)
- Antique Workshop color palette (#E3F2EF, #98E2E9, #00B8D1, #00918B, #003441)
- Frosted Emerald color palette (#DCE1CA, #0C983F, #006EB4, #005920, #002B4A)
- Emerald Pier color palette (#B1F5CE, #21A671, #006541, #003522, #001E11)
- Cerulean Boulevard color palette (#F4F7ED, #BEE7D7, #5A90BD, #136C86, #583C5A)
Browse the whole catalog at Explore, or see today's palette.