Petrol Field color palette — #F5E3EC · #73BFDE · #176FB2 · #004B48 · #0A1233
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#F5E3EC): A whisper-light, dusty rose — the color of strawberry cream.
- Sky (#73BFDE): A luminous, balanced blue — the color of open sky before noon.
- Slate (#176FB2): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0A1233): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. 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
- Tempered Petrol Chapel color palette (#F9ECE3, #84BAD2, #3F69A1, #005146, #2A2750)
- Denim Meadow color palette (#E2ECE1, #61A2DD, #3C50A1, #003841, #0E0029)
- Cerulean Cabin color palette (#FEEBF8, #71E5E5, #0092AD, #00663F, #00283E)
- Aged Azure color palette (#F4F7EA, #C5ECFF, #2E9CD5, #006779, #002038)
- Patina Atelier color palette (#F8EFF3, #D8D1E5, #819EC4, #3A7677, #2E3647)
- Antique Cerulean color palette (#FAEAF6, #009BAF, #00506E, #002D23, #000410)
- Linen Lapis color palette (#D4F1E5, #8B9721, #4F44C2, #454C00, #0E0638)
- Hushed Hollow color palette (#F1E2E7, #397EB1, #0D2B94, #001F23, #010009)
Browse the whole catalog at Explore, or see today's palette.