Petrol Lantern color palette — #EDF4F0 · #C3DEE0 · #CCB7CF · #00759A · #192922

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

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Silver (#C3DEE0): A whisper-light, dusty blue — the color of deep harbor water.
• Rosewood Mist (#CCB7CF): A luminous, dusty pink — the color of a candy shop window.
• Teal (#00759A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#192922): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Lantern color palette (#F6F0F4, #E0D4D5, #CFB7B6, #68729D, #302A2E)
• Cypress Workshop color palette (#EEF4EC, #C9DBD5, #A9C9AF, #007C6F, #1E291A)
• Antique Denim Lantern color palette (#E3EBE8, #D2C7D3, #B599B2, #005B88, #061A14)
• Tempered Basin color palette (#EFF8F3, #CDE2E5, #CBBEAE, #00A2C5, #293930)
• Sapphire Lagoon color palette (#F3D8F4, #0069CA, #182553, #1B061D, #000503)
• Aged Bloom color palette (#E6ECFF, #ADA5E1, #886E9F, #823B47, #502015)
• Tempered Cypress color palette (#EFF5DE, #71B998, #007D66, #005855, #1A2506)
• Antique Delta color palette (#FCEDF4, #EACAD5, #CC9CA8, #663BB2, #27121D)

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