Petrol Lantern color palette — #F2E4EE · #84BFC6 · #007698 · #004D3A · #00172D
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#F2E4EE): A whisper-light, dusty pink — the color of neon signs at night.
- Ash (#84BFC6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3A): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00172D): 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
- Muted Petrol color palette (#E3F2EF, #83BDC2, #007586, #00504C, #003441)
- Antique Sapphire Ridge color palette (#F5E4E9, #95B7D8, #4765BA, #004A53, #160C36)
- Aged Denim Workshop color palette (#F1E3EA, #6DA5BB, #005C95, #003A36, #020033)
- Cobalt Veranda color palette (#FFECF5, #9BD9FA, #4085D2, #006262, #1A1D51)
- Ancient Archive color palette (#F5F6EA, #B6ECE1, #21A3B8, #006A66, #00232C)
- Navy Balcony color palette (#F6E9F1, #4B8193, #003F64, #00201C, #00000C)
- Chalky Nightshade color palette (#F6E2E8, #598FC0, #283C9E, #002B32, #050018)
- Sky Ridge color palette (#C1F0EB, #94D2C4, #50B1E2, #5E5D09, #001F21)
Browse the whole catalog at Explore, or see today's palette.