Petrol Field color palette — #FBF4ED · #C3E4F7 · #87A7DE · #007E87 · #2A2852
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF4ED): bright and airy, almost weightless.
- Powder Blue (#C3E4F7): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#87A7DE): A luminous, balanced violet — the color of wild irises.
- Teal (#007E87): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Indigo (#2A2852): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Turquoise Study color palette (#FEF2ED, #BFE6EC, #44B6D5, #357F5E, #04324D)
- Dusty Cobalt Atelier color palette (#FDF2F6, #ACC9E2, #4B75C7, #005F66, #303957)
- Petrol Garden color palette (#FCEAE1, #68C6DB, #006F9D, #003F35, #00020B)
- Dusty Thicket color palette (#E7FCE7, #5ED4D5, #DF82BF, #008788, #431035)
- Ancient Cobalt Basin color palette (#F0F3EA, #A3D4C4, #3980C2, #005772, #2E152F)
- Lagoon Grove color palette (#FBF4EE, #C5DFED, #E1BFE0, #5F9EA1, #5B4654)
- Softworn Basin color palette (#EDDFD1, #80A6CA, #3049AB, #002A31, #010008)
- Teal Courtyard color palette (#E2FFD8, #71DBAB, #00AB91, #00666B, #00303A)
Browse the whole catalog at Explore, or see today's palette.