Dusty Petrol color palette — #E4F3E7 · #75C2E7 · #006BAD · #003D43 · #00020F

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E4F3E7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#75C2E7): A luminous, balanced blue — the color of open sky before noon.
• 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

• Denim Atelier color palette (#D5E5D8, #6FAEB5, #005F73, #002C25, #000103)
• Faded Cobalt Pier color palette (#EAFAED, #A3D1FE, #4D77CC, #004E63, #090133)
• Muted Balcony color palette (#C7E6FE, #0088BD, #9D4F00, #00415D, #030100)
• Lilac Hollow color palette (#ECF7FF, #BDD3FF, #B88FF9, #006377, #000519)
• Aged Hollow color palette (#F2E2D6, #5393B1, #00439A, #002C27, #050019)
• Hushed Mulberry Ridge color palette (#DAEBF9, #006DA6, #A20050, #3B4A00, #000103)
• Azure Dune color palette (#CCE5FF, #169DF6, #005992, #001229, #000103)
• Tempered Cornflower Meadow color palette (#F8E7EF, #7ABAD9, #327DF3, #006E63, #160040)

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