Petrol Field color palette — #F0E7DF · #8CB9DD · #5666A7 · #004B4C · #1C0A32
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E7DF): a clean, paper-quiet neutral.
- Sky (#8CB9DD): A luminous, dusty blue — the color of open sky before noon.
- Slate (#5666A7): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#1C0A32): A deep, shadowed, dusty 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
- Aged Petrol Atelier color palette (#F6E5DC, #98BEA7, #2A70A6, #004D3A, #0C0D3C)
- Cornflower Atelier color palette (#F9EAEF, #A6C9E9, #6C7FD6, #006B6D, #362053)
- Dusty Corridor color palette (#D6E4D7, #009195, #B42F69, #005153, #290011)
- Tempered Basin color palette (#C6F4F6, #00A2B2, #00616B, #003032, #00090B)
- Aged Basin color palette (#F6E6DB, #4395B5, #004790, #002C26, #04001A)
- Washed Ash Quarry color palette (#F8F0ED, #C9E7DD, #6FA6B7, #567453, #1A3D35)
- Emerald Lantern color palette (#DAE7D1, #00A263, #006658, #00383F, #001621)
- Lilac Station color palette (#DFEFD6, #98CEE4, #A297E5, #426B34, #001D0B)
Browse the whole catalog at Explore, or see today's palette.