Petrol Lantern color palette — #EBF9F6 · #8FB8BD · #3D7E8A · #784B54 · #1E4A4F
Built around Slate, softened by Coffee — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF9F6): a clean, paper-quiet neutral.
- Ash (#8FB8BD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3D7E8A): A full-bodied, dusty blue — the color of deep harbor water.
- Coffee (#784B54): A full-bodied, dusty red — the color of late-summer berries.
- Forest (#1E4A4F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Antique Pine Canyon color palette (#EFF8EF, #95B9AA, #567F59, #70542B, #2C493E)
- Lilac Courtyard color palette (#E5FAFB, #5EB394, #AA6FBA, #00785A, #52355A)
- Washed Mulberry color palette (#DCFDFE, #479B7E, #A16197, #99405B, #034044)
- Aged Courtyard color palette (#FAF2F9, #C2E2F1, #5E90B5, #007453, #374866)
- Patina Driftwood Corridor color palette (#E0FCF7, #C8DFF5, #C3BDF4, #8A864A, #365558)
- Hushed Corridor color palette (#CEF5DB, #9FAE6F, #529147, #006C55, #154F62)
- Patina Basalt Loft color palette (#D5EAE3, #629A7C, #006261, #364404, #003031)
- Washed Fern color palette (#F6F6E8, #9DE7CB, #73BABF, #A68884, #324B08)
Browse the whole catalog at Explore, or see today's palette.