Petrol Lantern color palette — #F2F5FC · #DDD6E2 · #B3B0C4 · #5B5E91 · #373A44
Slate and Ash set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#F2F5FC): a clean, paper-quiet neutral.
- Silver (#DDD6E2): bright and airy, almost weightless.
- Ash (#B3B0C4): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#5B5E91): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#373A44): a grounded near-black with real depth.
Feels like: Creativity, 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
- Denim Bloom color palette (#EFF2F8, #DAD3DD, #BDB2C7, #4F5DAA, #19202F)
- Mulberry Bloom color palette (#F5F3FF, #D8CDE6, #B39EB9, #803787, #343041)
- Weathered Cobalt color palette (#F9F3F7, #E4D6D3, #D2B9AB, #697BC4, #443540)
- Softworn Abyss Atelier color palette (#D6DCFE, #B699BC, #806886, #345C4D, #03483F)
- Aubergine Courtyard color palette (#E0E0EB, #ABA6B8, #897794, #4E1A66, #131026)
- Cypress Field color palette (#E9FAF4, #70A7A0, #22734F, #374C69, #123D39)
- Frosted Workshop color palette (#F3F4FF, #A8C6FF, #B488E3, #B35393, #2D2748)
- Worn Villa color palette (#DEF6E3, #8179CB, #7E3C7F, #4B3F00, #2C2D49)
Browse the whole catalog at Explore, or see today's palette.