Petrol Lantern color palette — #EEF4EF · #CFDAD8 · #ABC2C2 · #29838D · #262F28

Teal and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Silver (#CFDAD8): a clean, paper-quiet neutral.
• Ash (#ABC2C2): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#29838D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#262F28): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Hushed Garden color palette (#ECF4F1, #DCD0CF, #A59B91, #608E7F, #323835)
• Timeworn Fern Summit color palette (#F3F3E9, #B3B78F, #478459, #435F21, #272915)
• Softworn Study color palette (#F7EFF6, #E7D0D4, #D6B3C7, #4869AA, #2D202C)
• Abyss Delta color palette (#E3F0E8, #8CA79B, #568778, #003D4B, #000602)
• Denim Parlor color palette (#EBF5F0, #C3DAD2, #8CAFD5, #006484, #032015)
• Dusty Cobalt Cabin color palette (#D8E7E1, #007FAD, #113930, #0A1A14, #030705)
• Timeworn Driftwood Courtyard color palette (#F3E1F2, #CBB2C3, #8D7FAF, #7B504A, #493029)
• Timeworn Study color palette (#EFF5E1, #45AACC, #1670AF, #593665, #09291E)

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