Petrol Field color palette — #F9ECE2 · #65BEE0 · #2369B4 · #005144 · #29294E
Royal Blue takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F9ECE2): a clean, paper-quiet neutral.
- Cyan (#65BEE0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#2369B4): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#29294E): A deep, shadowed, dusty violet — the color of wild irises.
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
- Tempered Thicket color palette (#FBEAE5, #5EC4C3, #007390, #00541B, #112F4E)
- Patina Cobalt Thicket color palette (#FCF3EC, #93CDF0, #5C77AE, #00605A, #3B3459)
- Hushed Petrol Loft color palette (#DFECEB, #8FBAD4, #0074A2, #004956, #00182A)
- Nightshade Chapel color palette (#EAE1D6, #67A4D9, #3F46B4, #003E40, #27133D)
- Gentle Forest color palette (#FFF2EE, #8EDFDD, #008DAE, #106B25, #17426B)
- Antique Cerulean color palette (#FBE4D9, #00A1B4, #004F74, #00321F, #020842)
- Patina Workshop color palette (#F5EBF0, #B3D9F2, #6CA9E7, #00918D, #1E285A)
- Softworn Drift color palette (#FEF2EE, #C3E7C6, #3C96B8, #446D4F, #544054)
Browse the whole catalog at Explore, or see today's palette.