Petrol Field color palette — #F3E4ED · #90BAD1 · #1B71A7 · #004C45 · #03113C
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F3E4ED): A whisper-light, dusty pink — the color of peonies in June.
- Ash (#90BAD1): A luminous, dusty blue — the color of open sky before noon.
- Slate (#1B71A7): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#03113C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Wandering Cobalt color palette (#FAEEF3, #B0CCDF, #537EB2, #005B5C, #171C42)
- Denim Balcony color palette (#F6E4EA, #78A1C2, #3253A0, #00383E, #0B002C)
- Weathered Terrace color palette (#F7EFF3, #D7D1E6, #839FBD, #327875, #2B364B)
- Denim Field color palette (#EEE2EB, #4D979E, #005169, #002D20, #00040D)
- Tempered Grove color palette (#F0DBE3, #487FA1, #003681, #001F21, #01000A)
- Plum Workshop color palette (#FFDBE6, #B9246C, #007049, #005950, #1C000B)
- Denim Workshop color palette (#F4EBFF, #FAB5AC, #C7905E, #724D94, #28142B)
- Aged Garnet color palette (#F4ECFA, #C96999, #007E43, #6C0045, #001808)
Browse the whole catalog at Explore, or see today's palette.