Petrol Field color palette — #F9EEF6 · #5CCDE1 · #007CA8 · #005343 · #001A39
Cerulean and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F9EEF6): bright and airy, almost weightless.
- Aqua (#5CCDE1): A luminous, balanced blue — the color of open sky before noon.
- 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.
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
- Aqua Archive color palette (#DDFDF8, #54CADE, #007A94, #005557, #00394B)
- Dusty Bloom color palette (#FFECF3, #79C5F4, #0067ED, #005155, #150D46)
- Antique Denim color palette (#F3EAF0, #58A9BE, #005F89, #003A32, #000923)
- Patina Orchard color palette (#E3F5FF, #AFD4FF, #B295FF, #007165, #001E2F)
- Aged Study color palette (#FFF2EC, #70DDF0, #0099CD, #00745F, #053361)
- Ancient Summit color palette (#D1EAE0, #009F96, #006570, #003A4C, #001E39)
- Tempered Azure Archive color palette (#F6F0F3, #D5D1E5, #6CA2CE, #2B7971, #2B3748)
- Quiet Brick Harbor color palette (#D7EDEE, #008189, #BC003A, #684D00, #001213)
Browse the whole catalog at Explore, or see today's palette.