Petrol Lantern color palette — #F2E6DF · #95BEA8 · #2B6EAD · #004D3E · #100E37
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F2E6DF): bright and airy, almost weightless.
- Sage (#95BEA8): A luminous, dusty teal — the color of sea glass.
- Slate (#2B6EAD): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#100E37): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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
- Dusty Cobalt color palette (#FBEFE6, #AAD2C1, #5A7BB6, #005C55, #21193E)
- Petrol Thicket color palette (#F3EEE6, #82BBD0, #0070A2, #004F51, #0C2E53)
- Weathered Denim Thicket color palette (#F4E8DC, #6CA2CD, #3F4FA1, #00393A, #110026)
- Forest Canyon color palette (#FFEDE9, #90E1DC, #0091AF, #0C6712, #002645)
- Washed Azure color palette (#ECF9EE, #D1E0FE, #3C9BD2, #00696C, #001E3F)
- Timeworn Denim color palette (#FDE8DF, #3D99A5, #004F72, #002D1B, #00001D)
- Teal Orchard color palette (#A5F4DF, #00B1A0, #00665B, #002E27, #000604)
- Frosted Plum Corridor color palette (#E1F2D5, #009578, #A33F86, #005342, #26001C)
Browse the whole catalog at Explore, or see today's palette.