Petrol Dune color palette — #FDECF9 · #6DCBDC · #007CA8 · #005343 · #001A39
A conversation between Cerulean and Aqua, giving this palette its sense of trust and stability.
The five colors
- Blush (#FDECF9): A whisper-light, dusty pink — the color of a candy shop window.
- Aqua (#6DCBDC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007CA8): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005343): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001A39): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Petrol Courtyard color palette (#E6FAF7, #6AC8D8, #007A93, #005557, #00394B)
- Sapphire Lantern color palette (#FFECF3, #8FC3E4, #0B69E7, #005155, #170053)
- Muted Lantern color palette (#EFE0EA, #7BA3B6, #005F8A, #003A32, #000823)
- Gentle Cerulean color palette (#FFF2EC, #7EDBEC, #0099CD, #00745F, #003264)
- Hushed Navy Garden color palette (#F3E4EC, #5A7D96, #003A77, #001F20, #01000B)
- Tempered Sapphire Lagoon color palette (#D7ECDF, #9B8600, #315FF4, #594C00, #020052)
- Washed Grape Lantern color palette (#EDF0D8, #737800, #0063BE, #6900BD, #0E1000)
- Teal Coast color palette (#D6FBE1, #B2DD8A, #00BAA7, #9C5000, #1A1E00)
Browse the whole catalog at Explore, or see today's palette.