Petrol Field color palette — #EEE6DA · #56C2D7 · #0080A5 · #005A54 · #002238
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EEE6DA): a clean, paper-quiet neutral.
- Cyan (#56C2D7): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0080A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#002238): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Worn Grove color palette (#E9DECD, #71B9F2, #2F71D5, #005669, #161B40)
- Cobalt Dune color palette (#F7EDDF, #8FCEEC, #248DD3, #006B73, #162D51)
- Hushed Cerulean color palette (#EBF8F6, #A9D3E6, #0088A5, #005153, #000F17)
- Denim Grove color palette (#EEDED7, #62ABBB, #005F84, #003F34, #001E45)
- Aged Azure color palette (#FBF4EA, #9BE9FF, #36A8DC, #008281, #1E4263)
- Worn Parlor color palette (#F9F4ED, #C3F1E4, #75BECC, #7B8D6B, #375145)
- Raspberry Boulevard color palette (#FCE1F0, #C90098, #756B00, #00627B, #25011A)
- Aged Boulevard color palette (#FDE8E9, #D92CBD, #008A5F, #891677, #002114)
Browse the whole catalog at Explore, or see today's palette.