Petrol Lantern color palette — #ECF9EE · #DBB788 · #919858 · #3E749E · #374E3E
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF9EE): bright and airy, almost weightless.
- Sand (#DBB788): A luminous, dusty gold — the color of old brass.
- Moss (#919858): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#3E749E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#374E3E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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
- Muted Petrol color palette (#EAFAED, #E2B19F, #A88E61, #177C8D, #593F4B)
- Dusty Alley color palette (#EBFAED, #B5C690, #5FA382, #70659F, #324E49)
- Tempered Sand color palette (#FFF4E2, #FFD59D, #A1A86F, #517796, #533A00)
- Muted Corridor color palette (#FFF1F5, #D79674, #6C8044, #54557C, #3F4C3F)
- Dusty Corridor color palette (#E8F6ED, #AE9B51, #495D56, #2D3C33, #1E231E)
- Patina Driftwood Dune color palette (#E8FBEA, #C5D9D0, #90B3B0, #6F84A2, #4C4F6A)
- Muted Ultramarine Ridge color palette (#E2FEE7, #C2A628, #4D9120, #2C4FBA, #373800)
- Wandering Summit color palette (#EBFAEF, #F1D888, #D4D7CA, #94C17A, #2B503D)
Browse the whole catalog at Explore, or see today's palette.