Dusty Petrol color palette — #F6EDE0 · #93BDA2 · #007296 · #00504C · #003150
Built around Teal, softened by Deep Teal — the whole palette hums with nature and growth.
The five colors
- Cream (#F6EDE0): a clean, paper-quiet neutral.
- Sage (#93BDA2): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003150): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Weathered Canyon color palette (#F4EEE4, #89B7DB, #4069A1, #004D5D, #202955)
- Hushed Petrol color palette (#F3E6E0, #97BEA6, #0070B1, #004D3A, #0C0E3C)
- Wandering Coast color palette (#FBF4E9, #A4D1BA, #3F7FA9, #005F63, #4A2F4C)
- Hushed Cypress Ridge color palette (#F9F4EE, #CBE4E2, #77A593, #327C7B, #2D534A)
- Weathered Lagoon Courtyard color palette (#E9E0D3, #4A9EA1, #005360, #003126, #001721)
- Sky Drift color palette (#E7F2E9, #A6DEEB, #00B4EA, #00918B, #003150)
- Muted Harbor color palette (#FFE4F4, #E0C1F4, #C588B3, #3B588D, #32264C)
- Sunlit Thicket color palette (#F6D6E8, #6555C9, #9A3D00, #005C41, #1D1840)
Browse the whole catalog at Explore, or see today's palette.