Petrol Lantern color palette — #EBF3F7 · #D3D9E8 · #BBBDCD · #38818D · #222E33
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF3F7): bright and airy, almost weightless.
- Silver (#D3D9E8): A whisper-light, dusty violet — the color of a velvet chair.
- Ash (#BBBDCD): A luminous, dusty violet — the color of wild irises.
- Slate (#38818D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Onyx (#222E33): quiet, heavy and certain.
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
- Softworn Dune color palette (#F0F7F2, #D2DDDD, #CFBCC1, #3E8088, #414B43)
- Timeworn Denim color palette (#EFF1FB, #DAD3DE, #B8B4C4, #615C95, #1D202B)
- Timeworn Powder color palette (#DCF1FF, #99B8D9, #7D839B, #6D5A65, #223B27)
- Patina Abyss color palette (#DDE6EC, #8AA3B9, #6E7D91, #003D4C, #00050A)
- Ancient Delta color palette (#E3F7F0, #95C190, #518167, #355C65, #0E2D2A)
- Tempered Delta color palette (#EAECF8, #B3AFCA, #9288A2, #4B3473, #090A13)
- Turquoise Chapel color palette (#DFFAE4, #18AECC, #466CA1, #6B342E, #0C2535)
- Hushed Glacier color palette (#E5F4FF, #1BFCFD, #4FC5FB, #7A90D6, #0F2031)
Browse the whole catalog at Explore, or see today's palette.