Petrol Lantern color palette — #FDECF9 · #7FC8D9 · #007BAB · #005346 · #00183D
Cerulean and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FDECF9): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#7FC8D9): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005346): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00183D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Worn Petrol color palette (#E6FAF7, #6CC7D9, #007A95, #005558, #00384C)
- Sapphire Bloom color palette (#FFECF3, #93C2E3, #2266EA, #005157, #190150)
- Feathered Cobalt Meadow color palette (#FCEDF2, #B2D4F4, #607ED0, #00606C, #261555)
- Chalky Veranda color palette (#FFF2EC, #84DAEB, #0098D0, #007461, #023266)
- Denim Archive color palette (#E6DBE2, #79A3B9, #005E8C, #003A33, #000629)
- Wandering Navy Cabin color palette (#EFDFE7, #5A7D97, #003979, #001F20, #01000B)
- Antique Azure color palette (#C4FFFE, #58E1D8, #0BACF3, #496700, #002A20)
- Tempered Moss Grove color palette (#EEEEDE, #759A00, #007234, #003E2F, #001D19)
Browse the whole catalog at Explore, or see today's palette.