Dusty Petrol Coast color palette — #F4F6ED · #B9E9D2 · #5B92B1 · #126E7E · #2D5046

A conversation between Teal and Storm Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Mint (#B9E9D2): A whisper-light, dusty teal — the color of glacier melt.
• Storm Blue (#5B92B1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#126E7E): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#2D5046): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Patina Petrol Study color palette (#F4F6EE, #BFE1FF, #678DBB, #256A8A, #573E55)
• Washed Workshop color palette (#F5F6EE, #C1EDE2, #7FA488, #3D7B74, #45584C)
• Weathered Cabin color palette (#E0FDF0, #33ADDD, #6D9941, #006F93, #374926)
• Dusty Cobalt Orchard color palette (#DCFEF2, #1991D4, #8B6AAA, #237966, #253E36)
• Linen Turquoise color palette (#B3F3FF, #00B4D6, #008BB1, #1C6484, #3A4568)
• Softworn Teal color palette (#E5E6D5, #3AB2B3, #00636B, #003F37, #00242B)
• Muted Cerulean Boulevard color palette (#E0E2CF, #318E9E, #004453, #002223, #000B12)
• Petrol Bloom color palette (#EDF0E6, #73BBE3, #006EA9, #004D5F, #0A2F52)

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