Petrol Lantern color palette — #CEF5F7 · #007B88 · #005160 · #002A35 · #000B11
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Honeydew (#CEF5F7): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007B88): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005160): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002A35): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Cobalt Grove color palette (#D9EBF6, #0087B6, #004A6A, #001F2E, #000204)
- Washed Teal color palette (#E1F0EA, #00B3B4, #006B7C, #003D56, #000A18)
- Dusty Pine Lantern color palette (#DDF0E2, #007D52, #005A43, #002F26, #00120F)
- Feathered Grape color palette (#CBEEDC, #007695, #86199A, #003D4E, #120016)
- Timeworn Aubergine Pier color palette (#D2E2E9, #00617F, #5819B0, #00482E, #000407)
- Timeworn Cornflower Lagoon color palette (#D3EFE3, #93B9DB, #5584D9, #004E60, #00101C)
- Weathered Ridge color palette (#DBEAF2, #0095DD, #005D9F, #003775, #000D47)
- Muted Bronze color palette (#F5E1C6, #8A6D23, #5A3D00, #331D00, #070500)
Browse the whole catalog at Explore, or see today's palette.