Dusty Petrol color palette — #F1F3EC · #C6E0E1 · #77A899 · #21768E · #422E44
Built around Teal, softened by Eucalyptus — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C6E0E1): A whisper-light, dusty teal — the color of glacier melt.
- Eucalyptus (#77A899): A luminous, dusty teal — the color of glacier melt.
- Teal (#21768E): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#422E44): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Petrol Thicket color palette (#F1F3EC, #C4E2E7, #AF90B0, #19749B, #422F40)
- Hushed Summit color palette (#F2F2EC, #C9DFD8, #6AA8AD, #30796D, #203E2A)
- Softworn Denim color palette (#E2E4DA, #7EA795, #005F8A, #003843, #000C1A)
- Cypress Chapel color palette (#FAF3F6, #D9DEEF, #7D9BC6, #2D7C7F, #495268)
- Hushed Teal Bloom color palette (#FAF4EF, #C7DCE9, #C3BEF4, #2FA4AA, #5C4554)
- Cerulean Terrace color palette (#F2F3E9, #BAD9BB, #0094A0, #006359, #002B32)
- Bronze Villa color palette (#F6F3DD, #96A464, #4A9E93, #A86539, #2B2813)
- Softworn Grove color palette (#EAF0E1, #517DA5, #003977, #001D2B, #00000B)
Browse the whole catalog at Explore, or see today's palette.