Petrol Field color palette — #E5DDD1 · #70ADAE · #008395 · #005F4B · #000B12
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Bone (#E5DDD1): bright and airy, almost weightless.
- Blue Fog (#70ADAE): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#008395): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005F4B): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Cerulean Balcony color palette (#ECE5DA, #96BB9C, #0092AE, #006F5E, #001622)
- Denim Parlor color palette (#F5E3DE, #639EA1, #00617F, #003E1C, #00081D)
- Antique Sapphire color palette (#F0E6D7, #7EAC9C, #0073D9, #005B6A, #02002E)
- Washed Lagoon color palette (#D9EADC, #008A8C, #00444E, #002018, #000203)
- Ancient Olive Orchard color palette (#E1E8C6, #65BAA1, #00A8B5, #617700, #001308)
- Aged Parlor color palette (#D7EEDF, #35A565, #007543, #004521, #000201)
- Chalky Cornflower color palette (#EDE4D7, #9BCCBC, #4B92EF, #007A90, #10174D)
- Gentle Azure color palette (#F3EEE6, #B2E0C5, #0FB2F2, #009190, #002F55)
Browse the whole catalog at Explore, or see today's palette.