Petrol Lantern color palette — #EDF9EF · #A4DEFB · #659BC9 · #007A85 · #263A5C
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF9EF): bright and airy, almost weightless.
- Powder Blue (#A4DEFB): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#659BC9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007A85): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#263A5C): A deep, shadowed, dusty violet — the color of a velvet chair.
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 Turquoise Coast color palette (#EFF8F1, #B6F2EF, #6AB2BC, #548772, #314C5A)
- Wandering Cerulean color palette (#E6F2E8, #6CD8DB, #0097AD, #006E59, #003345)
- Dusty Cobalt Studio color palette (#FDF2F7, #A6CAE3, #457BB4, #00605E, #30385B)
- Tempered Thicket color palette (#D8E9DB, #00B7C3, #007289, #004B40, #001622)
- Denim Summit color palette (#E8F3EA, #4C9CC9, #00599F, #003A43, #010427)
- Cobalt Studio color palette (#E6F4E9, #6CBAF1, #3674C5, #005767, #11184B)
- Feathered Clover Corridor color palette (#D3EBD1, #1ECC7B, #00986E, #006C5D, #004544)
- Weathered Canyon color palette (#BBEFF8, #00AD99, #9775CA, #9E6A3B, #003238)
Browse the whole catalog at Explore, or see today's palette.