Petrol Field color palette — #F4F6EE · #BDE1F2 · #75ADD3 · #007C93 · #10304C
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Powder Blue (#BDE1F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#75ADD3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007C93): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#10304C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Muted Petrol color palette (#EEF0E1, #7FC4CC, #007485, #003E3C, #000305)
- Denim Loft color palette (#E3E8D9, #71AACD, #00598E, #002936, #000104)
- Sky Study color palette (#FDF3EC, #C9E9DA, #76B6FD, #00A09F, #2F3760)
- Cobalt Courtyard color palette (#ECF8F7, #9CCDE6, #0080BC, #005D6F, #233D56)
- Cerulean Balcony color palette (#F6F7E7, #B3F3F5, #00A5B5, #006B62, #00232B)
- Lagoon Corridor color palette (#F5F6EE, #BEE0E4, #80C9CE, #359483, #284732)
- Muted Meadow color palette (#F3F7EA, #9DD3FD, #3A7EC0, #004E67, #000B26)
- Faded Lilac color palette (#FFF1F6, #B490F2, #D0778B, #0089BB, #2F0E1E)
Browse the whole catalog at Explore, or see today's palette.