Petrol Field color palette — #DBE9F1 · #AAAFC4 · #9D95C4 · #007E9B · #021621
Cerulean and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DBE9F1): bright and airy, almost weightless.
- Ash (#AAAFC4): A luminous, dusty violet — the color of twilight just after sunset.
- Blue Fog (#9D95C4): A luminous, dusty violet — the color of wild irises.
- Cerulean (#007E9B): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#021621): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Field 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
- Patina Balcony color palette (#DEEDF3, #A7B6C6, #9290B9, #005D6B, #07161C)
- Patina Sapphire color palette (#D8DFEB, #B4ACC0, #B58BA7, #4D69CA, #0A1325)
- Abyss Summit color palette (#E4EEE8, #90A69D, #60857B, #003C4E, #000603)
- Worn Ridge color palette (#E7F1EA, #B9D8CF, #C099AE, #005864, #000401)
- Iris Coast color palette (#EAEFF8, #D6CFDD, #CBB2D0, #7E8ADE, #282E39)
- Iris Dune color palette (#D2E9F9, #7694E1, #8366AC, #724929, #221800)
- Powdered Balcony color palette (#EBE1CC, #0096C2, #2E44FF, #7E2400, #000C19)
- Sunlit Market color palette (#CCE6FA, #008BC1, #9B00B6, #712A00, #040A00)
Browse the whole catalog at Explore, or see today's palette.