Petrol Dune color palette — #ECF4F3 · #D2D9EA · #76A3BD · #057889 · #253849
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF4F3): bright and airy, almost weightless.
- Silver (#D2D9EA): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#76A3BD): A luminous, dusty blue — the color of deep harbor water.
- Teal (#057889): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#253849): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Petrol Basin color palette (#DEEDEA, #85BFC2, #007987, #004C46, #001A20)
- Antique Azure Basin color palette (#FAF4F0, #CAE7E7, #719DCA, #2A7D79, #5E4C5A)
- Navy Pier color palette (#DAE6E5, #4B7FA1, #003E69, #001E28, #000105)
- Ancient Teal color palette (#FAF3F7, #D7D4E0, #BCC0EB, #39A4A1, #414D65)
- Muted Forest Balcony color palette (#E9F5F0, #A1C4B7, #658D7C, #3A624D, #16322B)
- Dusty Cobalt Studio color palette (#E4F6F6, #B5D3F2, #4683D6, #005C82, #0D2053)
- Driftwood Balcony color palette (#E8F5F1, #C2D8EB, #9EB9D9, #898850, #2F433E)
- Muted Olive color palette (#E9F5F0, #B2B984, #55ABBA, #717900, #0E3645)
Browse the whole catalog at Explore, or see today's palette.