Petrol Field color palette — #F8EBE3 · #5FC6E6 · #0069B5 · #003F32 · #020013
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8EBE3): bright and airy, almost weightless.
- Sky (#5FC6E6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F32): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Spruce Atelier color palette (#FDE9E4, #7CC6C2, #00738B, #054108, #000308)
- Sapphire Villa color palette (#FDF3EA, #99D4FC, #426AF6, #00524F, #12002C)
- Timeworn Cabin color palette (#EBEEDF, #3B96B5, #00506E, #002B31, #00050B)
- Ancient Field color palette (#D1E5DC, #0089BB, #AC3F00, #00415C, #030000)
- Cobalt Summit color palette (#D5E8D9, #50BFE5, #008CCB, #006C70, #00132E)
- Antique Chestnut color palette (#D1EDF4, #007486, #745000, #593D00, #000102)
- Hushed Fuchsia color palette (#E8F8FF, #BFCDFF, #D884D7, #006858, #000A17)
- Aged Dune color palette (#FCF3ED, #C1E5F6, #6BA6FF, #008073, #402434)
Browse the whole catalog at Explore, or see today's palette.