Dusty Petrol Ridge color palette — #D1E8EB · #007C96 · #005274 · #002B49 · #000628
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1E8EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007C96): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005274): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002B49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000628): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Dusty Petrol Ridge 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
- Dusty Petrol Veranda color palette (#CCF8FE, #007992, #004862, #001B34, #000108)
- Hushed Cypress Boulevard color palette (#DFF1E7, #00795E, #005750, #003032, #000C0F)
- Petrol Delta color palette (#DAE6F1, #0070A6, #884200, #003C5C, #0E0300)
- Frosted Workshop color palette (#CFE2EA, #006FA6, #004988, #0A0088, #040023)
- Gentle Cobalt Market color palette (#CEE1FC, #007DD7, #00438F, #001838, #000207)
- Muted Corridor color palette (#E4F1FF, #8C9BCA, #9572C3, #005467, #010929)
- Mulberry Coast color palette (#D2E9FF, #005B97, #90003D, #304500, #000205)
- Feathered Sapphire Harbor color palette (#D5E4EB, #21A0EE, #1173D9, #2C4BA5, #2C2760)
Browse the whole catalog at Explore, or see today's palette.