Petrol Lantern color palette — #ECF4F0 · #CFD8DA · #C8B9BC · #407E97 · #242F2A

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Silver (#CFD8DA): a clean, paper-quiet neutral.
• Stone (#C8B9BC): soft and architectural.
• Slate (#407E97): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#242F2A): quiet, heavy and certain.

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

• Petrol Harbor color palette (#F0F6FA, #DADAE1, #C4BCCB, #307F96, #3C4A52)
• Timeworn Drift color palette (#F8EFF2, #E0D3CF, #C7B1B1, #6E5988, #271D21)
• Weathered Lagoon color palette (#F6EFF5, #DDD4D5, #B4ABA5, #977695, #3A3439)
• Timeworn Lagoon Veranda color palette (#F2F3E8, #92C0A5, #428374, #415D49, #232B12)
• Worn Coast color palette (#E7DBE7, #4376B7, #402838, #1C111D, #010805)
• Chestnut Garden color palette (#D0FBED, #CDB1C7, #A17B88, #84521C, #38352E)
• Patina Abyss Hollow color palette (#D3E3DD, #AB99AA, #907185, #003B57, #000604)
• Muted Powder color palette (#E3F7F1, #C1E3FF, #82C6FF, #8C80C2, #162342)

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