Dusty Petrol color palette — #D2F4FC · #00738F · #004D6D · #002444 · #000621
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D2F4FC): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00738F): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#004D6D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002444): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000621): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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 Harbor color palette (#D0F2FE, #007DA7, #004564, #001221, #000104)
- Worn Cypress color palette (#D4EFDF, #00856F, #005551, #002E30, #000B0F)
- Antique Navy Meadow color palette (#C8EBFA, #0076B1, #004481, #040082, #090035)
- Petrol Coast color palette (#D5E6E0, #006FAB, #7E4A00, #003B5F, #0C0400)
- Powdered Sapphire Market color palette (#D6E4F8, #2872DD, #004795, #001D40, #000207)
- Violet Studio color palette (#EDD8EF, #8698ED, #9B5FD5, #005670, #1C041B)
- Dusty Mulberry Pier color palette (#D3E8FE, #005A9D, #910038, #2B4600, #000206)
- Pale Ultramarine color palette (#E0F1FF, #0066DB, #1100E2, #240070, #0C0020)
Browse the whole catalog at Explore, or see today's palette.