Petrol Field color palette — #F9EEF7 · #6DCCD9 · #007BAC · #005535 · #01104C
A conversation between Cerulean and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Blush (#F9EEF7): a clean, paper-quiet neutral.
- Aqua (#6DCCD9): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007BAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005535): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Indigo (#01104C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Aged Aqua color palette (#E7FCEA, #00CFE2, #007A97, #00574D, #003752)
- Sapphire Meadow color palette (#FFECF4, #7FC5EB, #1362F6, #00524C, #1C0A43)
- Denim Garden color palette (#ECDCE7, #60A9B7, #005E8C, #003B27, #020132)
- Pale Corridor color palette (#FFF2EC, #6EDEEB, #0098D1, #007749, #122E69)
- Ash Balcony color palette (#F6F0F4, #D5D2E7, #75A1C8, #3C7865, #2D3648)
- Hazy Nightshade color palette (#F9EAF1, #4893BA, #0039B2, #002C28, #050018)
- Muted Periwinkle Archive color palette (#D8FED8, #4FE3D8, #3FABFF, #766900, #00251B)
- Chalky Lantern color palette (#9CF6D8, #00B690, #007454, #00371F, #000D07)
Browse the whole catalog at Explore, or see today's palette.