Petrol Field color palette — #E8F0EB · #B8C9C0 · #86AFA0 · #006C7F · #0E2518
Built around Peacock, softened by Sage — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F0EB): a clean, paper-quiet neutral.
- Stone (#B8C9C0): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#86AFA0): A luminous, dusty teal — the color of glacier melt.
- Peacock (#006C7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#0E2518): 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
- Wandering Denim Balcony color palette (#E3F1EB, #A8B8B4, #A58CA5, #00597F, #021911)
- Cerulean Balcony color palette (#E5EEF2, #B9C1DA, #A6A4BA, #00919F, #0F222A)
- Aged Forest color palette (#DEE0D0, #6CA178, #00734B, #005145, #00220B)
- Ultramarine Lagoon color palette (#EAE4E9, #CFBECA, #B59CAB, #1154D0, #271A26)
- Washed Cabin color palette (#EAF9F5, #E9D7E9, #CEB5C9, #007CC9, #0D3B32)
- Hushed Cerulean Villa color palette (#F0F7F3, #D2DDDD, #B0C6CA, #369CBF, #3E4B44)
- Indigo Lantern color palette (#F4ECF0, #E3D2D8, #C9B0B7, #745AC9, #3A2731)
- Garnet Study color palette (#E7E8FF, #9C90B9, #866590, #83252B, #491B06)
Browse the whole catalog at Explore, or see today's palette.