Petrol Dune color palette — #E4F1F7 · #CBDAE3 · #A6BBC9 · #1D7F8D · #1F3138
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E4F1F7): bright and airy, almost weightless.
- Silver (#CBDAE3): A whisper-light, dusty blue — the color of deep harbor water.
- Ash (#A6BBC9): A luminous, dusty blue — the color of open sky before noon.
- Teal (#1D7F8D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#1F3138): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Dune 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
- Dusty Lagoon color palette (#DDE4E9, #B6C6D6, #90A7C1, #00698F, #0F212D)
- Patina Quarry color palette (#E9F1EA, #C5D7D6, #9BC3C8, #00A5B3, #253128)
- Patina Orchard color palette (#EFF6FF, #D2DEF8, #B0BCE5, #4D73CB, #273346)
- Petrol Harbor color palette (#CDE5F7, #007BAA, #153551, #041826, #00050A)
- Tempered Ash Studio color palette (#EFF6FC, #D9D9E4, #C0BFD0, #7493AF, #414950)
- Dusty Archive color palette (#BAE9E5, #00A2C6, #006FAB, #5B366C, #02273B)
- Wandering Periwinkle color palette (#D4E1EA, #7BA7DE, #6F79B5, #5D506D, #4D2635)
- Pine Alley color palette (#D6EAE5, #7CB67A, #26864E, #236250, #08302C)
Browse the whole catalog at Explore, or see today's palette.