Dusty Petrol Lantern color palette — #F1F2EC · #C6E1DF · #6AA6BE · #007A83 · #1E3D32

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

The five colors

• Cream (#F1F2EC): bright and airy, almost weightless.
• Silver (#C6E1DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6AA6BE): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007A83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#1E3D32): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty 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

• Softworn Canyon color palette (#F9F3F7, #D6E0F2, #60A1CE, #2C7E73, #485364)
• Cypress Cabin color palette (#EAEADE, #A2BC9F, #007A7F, #004C40, #001A1E)
• Worn Lagoon color palette (#EDF5E9, #C7E2D8, #9CCEC6, #649780, #384532)
• Hushed Abyss color palette (#EAEDDF, #49809A, #00405F, #001E25, #000104)
• Hushed Bronze color palette (#EDF6E2, #69AC8E, #4198BF, #8A7816, #232B17)
• Antique Pine color palette (#EEF5E6, #8CC1A7, #C09267, #03865D, #462A0B)
• Cobalt Grove color palette (#F0F3EA, #A6D6FA, #3087D4, #005E7A, #002253)
• Dusty Bronze color palette (#F8F1E3, #C6BA9D, #9E7D39, #6B5427, #312C19)

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