Dusty Petrol color palette — #E6F1E9 · #91A5A3 · #6A9292 · #00707D · #020C04
Teal and Storm Blue set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F1E9): a clean, paper-quiet neutral.
- Taupe (#91A5A3): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#6A9292): A luminous, dusty teal — the color of glacier melt.
- Teal (#00707D): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#020C04): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Spruce Thicket color palette (#E3F1F7, #7E909A, #566F80, #003037, #000203)
- Washed Parlor color palette (#D7E5E0, #AD9FA4, #A7818C, #006A9D, #000D08)
- Abyss Ridge color palette (#EAF1EB, #97AAA1, #977C96, #004F54, #000D02)
- Hushed Pine color palette (#E4E5CB, #699668, #00753F, #005543, #000900)
- Ancient Alley color palette (#DAE1E4, #ACBDC9, #7B94B4, #004548, #000102)
- Hushed Garnet Ridge color palette (#E6EEFF, #7C80AA, #776096, #7D2C47, #250002)
- Aubergine Chapel color palette (#E7F4D2, #0085B1, #005AA6, #600069, #000409)
- Pale Sapphire color palette (#CDEADD, #00B1CD, #5688D6, #0071DC, #00050C)
Browse the whole catalog at Explore, or see today's palette.