Petrol Lantern color palette — #F5EDE4 · #89BEB0 · #575FAD · #004F53 · #391F51
Built around Slate, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Cream (#F5EDE4): bright and airy, almost weightless.
- Mint Leaf (#89BEB0): A luminous, dusty teal — the color of glacier melt.
- Slate (#575FAD): A full-bodied, balanced violet — the color of wild irises.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Royal Purple (#391F51): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Lantern 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
- Aged Petrol Grove color palette (#F5ECE9, #97BC9F, #00719D, #005332, #162B58)
- Sapphire Orchard color palette (#E4EBE5, #94B7DA, #2E62D2, #00485C, #101131)
- Wandering Onyx color palette (#EFE4DF, #6EAAB5, #005D8A, #00402A, #091455)
- Hazy Alley color palette (#F5EDE1, #A6C8EA, #5583DE, #006882, #262952)
- Emerald Terrace color palette (#E1F4DD, #33A76A, #007061, #00454B, #1C274C)
- Pine Lagoon color palette (#FBF3F1, #CCE7E0, #70A1B5, #487C52, #5E4B5F)
- Pale Forest Drift color palette (#E0F9DE, #9AD3FB, #9791D3, #007121, #003D49)
- Turquoise Boulevard color palette (#A1EFFF, #11A5B6, #006064, #003337, #001A20)
Browse the whole catalog at Explore, or see today's palette.