Petrol Dune color palette — #DAF2F6 · #007D98 · #004A74 · #001E4D · #0A002D
A conversation between Cerulean and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#DAF2F6): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#007D98): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004A74): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#001E4D): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#0A002D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Timeworn Cypress color palette (#D0F4E7, #007C7C, #00505D, #002735, #000A17)
- Linen Navy color palette (#D3EAF4, #0077AF, #00408A, #1E0075, #100022)
- Cobalt Coast color palette (#C7E8F8, #0085BF, #005688, #00315A, #1E0D45)
- Washed Azure Drift color palette (#C8E7F8, #00A7ED, #00669D, #003465, #000B26)
- Nocturne Nightshade Lantern color palette (#DAEFF7, #006299, #0C00AB, #19004B, #080016)
- Dusty Nightshade color palette (#CCE7EA, #0096BA, #006BA8, #0032AC, #190E48)
- Tempered Navy Dune color palette (#E8F0FF, #5C7CD0, #003A9E, #001644, #000107)
- Muted Driftwood Station color palette (#C9EBE2, #ACA1E0, #AA6EA3, #005568, #020828)
Browse the whole catalog at Explore, or see today's palette.