Dusty Petrol color palette — #E4F1EF · #77C4D4 · #00738C · #003D3F · #000305

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

The five colors

• Cream (#E4F1EF): bright and airy, almost weightless.
• Sky (#77C4D4): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00738C): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003D3F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000305): a grounded near-black with real depth.

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

• Cobalt Dune color palette (#EAF9F7, #A0D4ED, #0084BA, #004F5D, #000E1C)
• Dusty Denim Thicket color palette (#E4F0F0, #83A6C5, #00549E, #002939, #000107)
• Aged Terrace color palette (#EAF7FF, #9DD6FF, #639BF9, #005969, #000408)
• Grape Bloom color palette (#D2EAF4, #007291, #630FD5, #005031, #000102)
• Byzantium Basin color palette (#D2E6F1, #008CAB, #9723B9, #004353, #030005)
• Patina Basin color palette (#BFE9FF, #00A1D4, #005671, #001823, #000103)
• Dusty Cobalt Villa color palette (#E8DAE5, #67BFD1, #008EC4, #006F5D, #001330)
• Worn Turquoise Market color palette (#EBF8F6, #D7DEE9, #4AB4DA, #007E87, #003349)

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