Petrol Dune color palette — #FAF4ED · #BDE7DB · #7688BD · #006E7E · #5F3B4E
A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Celadon Mist (#BDE7DB): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#7688BD): A luminous, balanced violet — the color of a velvet chair.
- Teal (#006E7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#5F3B4E): A full-bodied, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, Creativity, 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 Cobalt Balcony color palette (#F4F6F0, #C0E5EA, #84A7D7, #0084B8, #5A3C56)
- Softworn Cornflower Canyon color palette (#FFF3E6, #ACD4F3, #507BD8, #00656E, #3C3572)
- Washed Cerulean color palette (#FBF3EF, #C8E6CB, #5095AC, #337056, #245146)
- Denim Pier color palette (#ECF4F3, #CCDFF2, #698FC5, #00668F, #1A2C48)
- Timeworn Pier color palette (#FBF3EF, #C9E9E7, #72A596, #5D7755, #614A5E)
- Driftwood Quarry color palette (#FFF2EE, #BF6C77, #008E85, #02758A, #4C2F28)
- Abyss Grove color palette (#F0DACF, #569CA1, #005267, #003121, #001527)
- Ancient Navy Atelier color palette (#F3E9E1, #4889A9, #003B76, #002223, #05002C)
Browse the whole catalog at Explore, or see today's palette.