Petrol Field color palette — #F6E5DD · #6FC1D5 · #1671AA · #004D38 · #0B1136
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F6E5DD): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#6FC1D5): A luminous, balanced blue — the color of open sky before noon.
- Slate (#1671AA): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0B1136): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Weathered Petrol Archive color palette (#EEEFE7, #7CBDCD, #007391, #004F54, #003347)
- Wandering Denim Atelier color palette (#F6E7DB, #4FA6D7, #2F51A7, #003A36, #0E0126)
- Weathered Cobalt Ridge color palette (#FCEFE7, #A6D4BC, #4C7EB8, #005D4E, #311528)
- Washed Azure Courtyard color palette (#EEF8F0, #B7F1FF, #339ECA, #006A66, #002038)
- Sapphire Pier color palette (#E3DED0, #898300, #4B61C3, #4C4900, #070B34)
- Patina Lagoon Bloom color palette (#F9E9E4, #009DA2, #00516A, #002E12, #000410)
- Ancient Navy Lagoon color palette (#ECDCD0, #2683A8, #003681, #00201B, #010009)
- Dusty Grove color palette (#F8F0EB, #C1ECE9, #7CA0C3, #5F7250, #432E3D)
Browse the whole catalog at Explore, or see today's palette.