Petrol Dune color palette — #EBF4F3 · #D1DBEF · #75A3BC · #007988 · #22394B
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF4F3): a clean, paper-quiet neutral.
- Powder Blue (#D1DBEF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#75A3BC): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007988): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#22394B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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 Petrol color palette (#DFEDE9, #85BFC1, #007984, #004C44, #001A1F)
- Ancient Lagoon Terrace color palette (#E6F4FF, #62A5C9, #9482B9, #38896D, #162A37)
- Dusty Lantern color palette (#E6F4FF, #93B8D5, #BD88B5, #067BAC, #352A4B)
- Azure Courtyard color palette (#FAF4EF, #C6EBEA, #659FD0, #367C76, #604A5C)
- Worn Drift color palette (#E7F4FF, #D4D5E3, #B49E9B, #6C9CB4, #2F3F50)
- Navy Market color palette (#D2E2E1, #537E99, #003E66, #001E27, #000105)
- Hushed Drift color palette (#E8F5F4, #AED4F9, #4E84CA, #005D80, #0C2151)
- Timeworn Chestnut Meadow color palette (#E9F6EC, #ABC1B3, #6C8C74, #6C532C, #1F3128)
Browse the whole catalog at Explore, or see today's palette.