Petrol Lantern color palette — #EDF8F5 · #F1D9DA · #D8B0B8 · #0D6FB1 · #2E453F

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF8F5): a clean, paper-quiet neutral.
• Shell Pink (#F1D9DA): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#D8B0B8): A luminous, dusty red — the color of embers at dusk.
• Slate (#0D6FB1): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#2E453F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cypress Thicket color palette (#F0F7F0, #C5E1E3, #D0B1C7, #007A7D, #354536)
• Tempered Petrol color palette (#FAF3F6, #E5D6D0, #DAB1A7, #6D5CA3, #4A3B42)
• Petrol Terrace color palette (#E9F3FE, #D8D3E9, #B7BDDE, #406CA5, #1E262E)
• Ancient Denim Canyon color palette (#F3ECF3, #DAC5CF, #BA9699, #2A558D, #332B33)
• Driftwood Balcony color palette (#FBF3F4, #E1D9D3, #A6AFA6, #A0747C, #585051)
• Ancient Periwinkle color palette (#F0F6FD, #DCD8E6, #BFA6A6, #73A9E1, #36414C)
• Grape Workshop color palette (#FDF2F5, #EACAC7, #CA9891, #7F26A7, #402D32)
• Wandering Driftwood color palette (#C3F6FF, #8FA3D9, #A9679C, #106D4D, #1F513C)

Browse the whole catalog at Explore, or see today's palette.