Petrol Lantern color palette — #CEE6F2 · #00758B · #613D00 · #243400 · #002620

Teal and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CEE6F2): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#00758B): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#613D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#243400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#002620): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Soft Aubergine Archive color palette (#D2E4F2, #0070A1, #4B2997, #00390D, #002527)
• Hazy Loft color palette (#E1F0FF, #006EB9, #86002D, #0E3000, #000E09)
• Tempered Petrol Parlor color palette (#E5F2EF, #90B9C7, #007586, #00504C, #003441)
• Tempered Cocoa Station color palette (#F2D9F0, #9F8EB0, #89515D, #623F0C, #2F3803)
• Quiet Parlor color palette (#EEDBE6, #AB430E, #544500, #003912, #002527)
• Washed Forest Alley color palette (#D6EAE4, #73976B, #01672B, #00474D, #163010)
• Hazy Garnet color palette (#E0DEF5, #844D9E, #80103D, #4A2100, #232000)
• Cornflower Boulevard color palette (#EDDBEA, #5884FF, #963E00, #2E4D00, #002719)

Browse the whole catalog at Explore, or see today's palette.