Petrol Field color palette — #DEF3F0 · #7BBECA · #00829C · #00595A · #002330
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DEF3F0): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#7BBECA): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#00829C): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00595A): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002330): 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
- Dusty Petrol color palette (#DEF3F1, #6DAACB, #006DA3, #004858, #00152A)
- Softworn Meadow color palette (#F5F7E7, #90DAE7, #0088A3, #005152, #000F16)
- Weathered Cobalt Garden color palette (#E4F2F0, #91CEEA, #0091CB, #00697A, #003150)
- Powdered Pine Villa color palette (#CDE3E5, #7ED0C3, #00B8C0, #007F4A, #002C25)
- Jade Lantern color palette (#D0E9DE, #00B78B, #00765B, #003C2C, #000C06)
- Pine Meadow color palette (#D4E9DF, #008A64, #00739B, #655800, #00170D)
- Lagoon Harbor color palette (#EEF8F5, #CEE0F2, #8DB9C9, #5A9387, #3B5763)
- Quiet Emerald color palette (#E0EED8, #34A024, #00792B, #004C27, #002918)
Browse the whole catalog at Explore, or see today's palette.