Petrol Lantern color palette — #ECF4F3 · #D4D9EA · #7AA1C3 · #2E758D · #24384E
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF4F3): bright and airy, almost weightless.
- Silver (#D4D9EA): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#7AA1C3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#2E758D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#24384E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Aged Petrol Meadow color palette (#DCEDEA, #92BACB, #00788F, #004B4C, #001923)
- Muted Cerulean color palette (#E9F3FF, #D6D5E3, #BEA2A8, #598EB1, #2D3848)
- Cobalt Grove color palette (#E8F3FE, #8FB8DB, #C087AC, #0D77B8, #372A47)
- Lagoon Atelier color palette (#E7F4FF, #6BA3CA, #9A80B6, #0C8C73, #13293B)
- Periwinkle Parlor color palette (#FAF4EF, #C5ECEE, #779AD0, #287C81, #5F4C58)
- Navy Summit color palette (#D6E7E7, #567CA0, #003979, #001D2C, #00000C)
- Aged Canyon color palette (#E9F5F2, #9ADEE0, #0094A2, #00635A, #002A33)
- Lagoon Thicket color palette (#D4E3E0, #519896, #005459, #002C26, #000507)
Browse the whole catalog at Explore, or see today's palette.