Petrol Field color palette — #FAEBE4 · #64AFBD · #006DA1 · #004C34 · #050D3A
A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#FAEBE4): bright and airy, almost weightless.
- Cyan (#64AFBD): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006DA1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C34): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#050D3A): A deep, shadowed, balanced violet — the color of wild irises.
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
- Patina Thicket color palette (#EAE2DC, #6CBEDE, #0073DA, #005A4D, #1B1549)
- Hushed Archive color palette (#F9E8F5, #82C3CF, #007099, #003F33, #00020A)
- Ultramarine Workshop color palette (#F2EAE3, #6A98BB, #3648B9, #003B3B, #0F0023)
- Aged Cerulean color palette (#EDEFE1, #6DBECE, #0092B0, #006C6F, #001721)
- Timeworn Cerulean Boulevard color palette (#D5E6D8, #1DA0B4, #005169, #00302C, #001626)
- Feathered Cerulean Corridor color palette (#F8EBE6, #91D1D8, #0091C7, #007044, #1A2D51)
- Hushed Pine Canyon color palette (#FFF2EE, #A3EAE9, #00ACD5, #28873C, #1C4168)
- Dusty Quarry color palette (#E8D9F1, #9600C9, #006A5D, #094C61, #100019)
Browse the whole catalog at Explore, or see today's palette.