Dusty Petrol color palette — #E4F3E7 · #7CC1E3 · #006BAD · #003D43 · #00020F

Built around Peacock, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#E4F3E7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7CC1E3): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006BAD): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00020F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Weathered Lantern color palette (#E3F2E6, #74ADB3, #005F73, #002C25, #000103)
• Pale Cobalt Meadow color palette (#EEF8F0, #A2D1FE, #5077C7, #004E63, #090034)
• Navy Orchard color palette (#E9DED6, #5B92AE, #0041A1, #002C27, #050018)
• Sunlit Cornflower color palette (#F2E4EB, #81B9D4, #317EF1, #006E63, #150040)
• Dusty Coast color palette (#EEF8F0, #DAD5E0, #74AAE6, #0B7C8D, #212D4D)
• Powdered Plum Grove color palette (#FEE9EE, #BC005E, #4E6100, #00476E, #040001)
• Powdered Corridor color palette (#F7E9FF, #D13A84, #007866, #6F003F, #000201)
• Lagoon Balcony color palette (#EFF8F1, #D5D7E6, #89C6D5, #47927E, #214358)

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