Petrol Dune color palette — #F1E2ED · #72ACAE · #00819D · #006040 · #000A15
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Blush (#F1E2ED): A whisper-light, dusty pink — the color of a candy shop window.
- Blue Fog (#72ACAE): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#00819D): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006040): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Cobalt Study color palette (#EBD9E3, #6EAAC2, #0078C5, #005E59, #02012C)
- Denim Chapel color palette (#E2E3D6, #52A1A4, #00646E, #003C37, #000C0F)
- Gentle Iris Ridge color palette (#CCF6FC, #6EB2DB, #8D8BE1, #007B5E, #000E13)
- Washed Plum color palette (#D5EFFA, #008F9C, #C42F52, #006069, #130003)
- Patina Canyon color palette (#F8EDE8, #318789, #004352, #002112, #000103)
- Hazy Iris color palette (#EFDFE5, #96C6EA, #6790E1, #007B85, #1D1646)
- Quiet Brick color palette (#CBE4E8, #007E8A, #BF072E, #A12000, #000203)
- Tempered Meadow color palette (#F6EBF1, #AFDAF2, #64ACE1, #009285, #172B57)
Browse the whole catalog at Explore, or see today's palette.