Petrol Lantern color palette — #E2F3F0 · #8FB9C9 · #007588 · #00504E · #003442
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E2F3F0): a clean, paper-quiet neutral.
- Ash (#8FB9C9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Dusty Petrol Studio color palette (#EEE6EC, #85BFC6, #007699, #004D3B, #00172E)
- Washed Cerulean color palette (#EEF7F6, #A7CBDD, #1684A7, #005F66, #00405B)
- Turquoise Archive color palette (#EEF0E3, #7DE5F5, #00B7D7, #009190, #003343)
- Dusty Chapel color palette (#D4E9E4, #6399A6, #005557, #003128, #00181B)
- Patina Cypress Chapel color palette (#EFF7F6, #D2DDEC, #6BA3B5, #0C7E81, #3C5667)
- Bronze Lantern color palette (#CBE6D3, #987B00, #007A76, #594700, #00302E)
- Soft Moss Drift color palette (#D7F8E7, #BDCB8A, #7AA75A, #6F5800, #343808)
- Garnet Terrace color palette (#D1EFDA, #826800, #007143, #940014, #281E00)
Browse the whole catalog at Explore, or see today's palette.