Petrol Lantern color palette — #FBF4E9 · #B7DFCE · #6B9AC5 · #007A86 · #243962
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Celadon Mist (#B7DFCE): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#6B9AC5): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007A86): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#243962): A deep, shadowed, dusty violet — the color of wild irises.
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
- Washed Pine color palette (#F9F4ED, #C5DCC2, #41A6B0, #00805B, #004251)
- Sky Boulevard color palette (#CCEAEE, #24C3E6, #008BB7, #00669E, #1F3E61)
- Timeworn Petrol color palette (#EEE3D1, #6DAEB5, #00728B, #004B41, #001623)
- Cobalt Chapel color palette (#FBF3EE, #A7CFBF, #5477B8, #006059, #3B3459)
- Feathered Denim color palette (#F0E5D4, #5A9AC3, #10589F, #003A44, #02002F)
- Patina Delta color palette (#D8FFF3, #FFDEFB, #D3BCFC, #3D8DA7, #49304A)
- Ancient Lagoon color palette (#F9F4EE, #C9E8E8, #8CBDAE, #539297, #5F4B5F)
- Periwinkle Dune color palette (#FDF2F7, #C1E6FF, #82B2FF, #00A192, #39355B)
Browse the whole catalog at Explore, or see today's palette.