Dusty Petrol color palette — #B1F1E4 · #4DC3C7 · #0080A7 · #195F90 · #364064

Built around Cerulean, softened by Aqua — the whole palette hums with trust and stability.

The five colors

• Sea Foam (#B1F1E4): A whisper-light, dusty teal — the color of glacier melt.
• Aqua (#4DC3C7): A luminous, balanced teal — the color of sea glass.
• Cerulean (#0080A7): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#195F90): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#364064): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Antique Teal Station color palette (#C6ECC5, #69BF98, #008787, #005D74, #303C60)
• Chalky Cobalt color palette (#B6F5FE, #5FAFDC, #477EBE, #484E8A, #513D62)
• Timeworn Study color palette (#D8FFF5, #8FC3EF, #3976A7, #00476A, #002F4A)
• Washed Nightshade Summit color palette (#D2F4F6, #00A7CC, #0069AC, #1820AD, #391A6D)
• Softworn Amber color palette (#EAFAF0, #5EACC5, #B57B45, #00718B, #5A3A1C)
• Muted Canyon color palette (#E3FCF0, #EDDAD3, #E5B7BD, #448476, #564557)
• Weathered Navy color palette (#D3F8F4, #007B85, #004263, #001861, #18004A)
• Shadow Nightshade Chapel color palette (#D5E4EA, #0066A6, #1D0096, #1E004B, #12001B)

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