Dusty Petrol color palette — #FBEAE2 · #7EC5C8 · #00738D · #00402B · #000307
Built around Teal, softened by Mint Leaf — the whole palette hums with trust and stability.
The five colors
- Cream (#FBEAE2): A whisper-light, dusty orange — the color of sun-warmed clay.
- Mint Leaf (#7EC5C8): A luminous, dusty teal — the color of sea glass.
- Teal (#00738D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00402B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000307): 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
- Sapphire Terrace color palette (#F7ECE3, #73C2E8, #0067BD, #003E3E, #010014)
- Cobalt Quarry color palette (#FEF3EC, #80DBF3, #0083BD, #005248, #000A27)
- Ancient Parlor color palette (#EFE0EE, #309BA1, #00516B, #002E14, #000412)
- Washed Lagoon color palette (#D9F1EC, #3CC5CD, #0094A4, #006E66, #00171E)
- Faded Boulevard color palette (#F0F6D2, #5AE4C1, #00B1D9, #525600, #000403)
- Moss Pier color palette (#E4E3D1, #7B9600, #185E01, #003318, #000503)
- Antique Turquoise color palette (#FDF3EE, #BEE7F0, #43B4DF, #008264, #00372E)
- Ancient Courtyard color palette (#B6F9CF, #00AE78, #006739, #001E11, #000201)
Browse the whole catalog at Explore, or see today's palette.