Dusty Petrol color palette — #D5E3D7 · #62AEB8 · #00819E · #005E53 · #000B14
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Bone (#D5E3D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#62AEB8): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#00819E): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005E53): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Cerulean Veranda color palette (#E7F2E9, #75BDCB, #0090B9, #006E66, #001626)
- Weathered Bloom color palette (#E2EBE4, #72A8CA, #2375C9, #005B69, #02002F)
- Denim Coast color palette (#F0DED6, #63B0B9, #005C7F, #002D18, #000108)
- Wandering Lagoon color palette (#EFE7DA, #008895, #004353, #00201B, #000103)
- Periwinkle Field color palette (#E9F1EA, #B3D9F1, #63ACE3, #008F99, #102D56)
- Softworn Thicket color palette (#ECD8E6, #AA3D93, #776500, #006376, #050004)
- Pale Station color palette (#EFE9FF, #C46ABD, #03884E, #70006D, #000803)
- Teal Meadow color palette (#F1F7F2, #CEE0F4, #74CCE3, #3FAD95, #2A4C62)
Browse the whole catalog at Explore, or see today's palette.