Petrol Dune color palette — #ECF3F8 · #90CEE6 · #9A71A6 · #117D9D · #161421
Cerulean and Heather set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF3F8): bright and airy, almost weightless.
- Sky (#90CEE6): A luminous, dusty blue — the color of open sky before noon.
- Heather (#9A71A6): A luminous, balanced pink — the color of neon signs at night.
- Cerulean (#117D9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#161421): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Tempered Cobalt Bloom color palette (#EBF4F5, #8AD5C1, #7B7BB9, #29826F, #12151F)
- Muted Petrol color palette (#EEF2FA, #B2C1F7, #AC6F74, #616EA1, #1C121C)
- Sky Quarry color palette (#E4F7F0, #83B0DB, #826F97, #2D5C4E, #222C3E)
- Onyx Field color palette (#E3F5FF, #A4C4F0, #7A7BB0, #69497F, #4F153E)
- Cerulean Boulevard color palette (#F0F7F3, #B5DCC7, #C186A9, #009BC1, #38292A)
- Patina Atelier color palette (#EDF2F9, #D8D5DD, #BAABB2, #6985A7, #31373E)
- Dusty Iris color palette (#EDF2FD, #798BCB, #955A75, #624010, #082126)
- Hazy Mulberry color palette (#DDE6F0, #5B8FD4, #971E3D, #00448C, #060007)
Browse the whole catalog at Explore, or see today's palette.