Petrol Field color palette — #EDF8F3 · #CADEE0 · #BDADBD · #2B6B8C · #2F3F38
Built around Peacock, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF8F3): a clean, paper-quiet neutral.
- Silver (#CADEE0): A whisper-light, dusty blue — the color of open sky before noon.
- Ash (#BDADBD): A luminous, dusty pink — the color of peonies in June.
- Peacock (#2B6B8C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#2F3F38): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Antique Cerulean color palette (#EFF6FC, #D7D8E3, #BEBCCD, #4D89A5, #2E3D46)
- Weathered Hollow color palette (#FDF2F5, #EDD4CD, #D8B0B4, #7E5894, #493C3F)
- Ancient Driftwood Balcony color palette (#FBF2F7, #E3D7D6, #B1AEA3, #967887, #565153)
- Washed Nightshade Harbor color palette (#FFF0FA, #E5C9D8, #AC9EC8, #4A49B1, #402B39)
- Aged Denim color palette (#E0E9E6, #C5B2C5, #9A8797, #034874, #13231F)
- Teal Atelier color palette (#F2F9E3, #5BAD8F, #007362, #395239, #333730)
- Washed Periwinkle color palette (#D8E5FF, #9CA3E1, #916B7C, #6E4B45, #583700)
- Ancient Periwinkle Corridor color palette (#FEF0FF, #6CD2FF, #52ABFF, #616FB6, #392338)
Browse the whole catalog at Explore, or see today's palette.