Petrol Lantern color palette — #E6F2E8 · #95B6CC · #226DA4 · #004F56 · #0D2B5C
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Ash (#95B6CC): A luminous, dusty blue — the color of deep harbor water.
- Slate (#226DA4): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Navy (#0D2B5C): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Wandering Cobalt Courtyard color palette (#F0F7F1, #ADC9E1, #4E7AB4, #005D6E, #2D385E)
- Hushed Sapphire color palette (#F2E5EB, #84BCD7, #2368C6, #004C43, #150C38)
- Denim Summit color palette (#E0ECE2, #6CACA9, #00636D, #00402E, #00242E)
- Hushed Delta color palette (#F7EDDD, #9FDDFB, #5AACED, #008F9B, #182D50)
- Airy Bronze Basin color palette (#F5D3E3, #BE620F, #0073A1, #713600, #002D42)
- Gentle Orchard color palette (#D8E4DA, #6284A3, #002C99, #00212B, #06002B)
- Patina Basin color palette (#ECDDE2, #9D5700, #006E61, #6506AD, #321800)
- Dusty Parlor color palette (#FCE5F0, #A77F55, #863F00, #671200, #0C2B14)
Browse the whole catalog at Explore, or see today's palette.