Petrol Dune color palette — #FCF2F8 · #BBCC9E · #6B6BA2 · #55384A · #291E24

Built around Slate, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Pistachio (#BBCC9E): A whisper-light, dusty green — the color of a quiet forest floor.
• Slate (#6B6BA2): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#55384A): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#291E24): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Worn Ridge color palette (#FBF1FC, #F4B399, #51759A, #4E3A51, #291C2B)
• Oat Balcony color palette (#FDF2F5, #C7D9AE, #99707D, #5E454D, #32282B)
• Soft Mulberry Ridge color palette (#FFF1F2, #B1C669, #934A86, #59224F, #2F0E13)
• Cobalt Loft color palette (#F2F5FE, #D9EFB6, #6E6DB0, #343359, #0C0F17)
• Lilac Station color palette (#FDF2F6, #FFC4C2, #9B85D5, #7C5668, #2A1D23)
• Ancient Indigo Dune color palette (#FBF2F6, #C4BCF4, #CA755D, #826FCA, #321F14)
• Muted Chapel color palette (#F3D6D6, #A4AC56, #7C3B62, #411731, #180506)
• Muted Mallow color palette (#FBF6DD, #C89DE0, #B37079, #187170, #523336)

Browse the whole catalog at Explore, or see today's palette.