Petrol Field color palette — #CFEAEB · #009FC9 · #156AB5 · #29317B · #291444
A conversation between Royal Blue and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Frost (#CFEAEB): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#009FC9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#156AB5): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#29317B): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#291444): 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 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
- Ancient Navy Harbor color palette (#D9F5FF, #50A8D6, #006DB8, #003F9A, #2A3667)
- Weathered Ultramarine color palette (#D2E5F0, #6496DD, #5257B5, #582F78, #341132)
- Pale Summit color palette (#E6F9FF, #75CBFF, #368BDD, #3359A4, #1E2453)
- Gentle Teal Boulevard color palette (#D8F0E7, #00ABAD, #00758B, #004568, #0A2046)
- Misty Aubergine color palette (#D2E6E9, #007EB1, #004794, #25006E, #160025)
- Weathered Ridge color palette (#EEF1FF, #87A8EB, #3B5FAF, #172972, #060031)
- Hazy Cabin color palette (#DFEAFC, #758ED4, #AC6A2E, #324AAC, #2E1500)
- Blush Cabin color palette (#E7F4FF, #D5CEFC, #DF98B2, #227B7D, #1E2844)
Browse the whole catalog at Explore, or see today's palette.