Petrol Field color palette — #F9F4EF · #CDE4E6 · #8398C7 · #2C7B85 · #664859
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F9F4EF): a clean, paper-quiet neutral.
- Silver (#CDE4E6): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#8398C7): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#2C7B85): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#664859): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, 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
- Hushed Powder Study color palette (#F4F6F0, #C9E5E9, #94B4DC, #608DA5, #5F4B5D)
- Cypress Archive color palette (#FAF3F0, #CEE4DF, #63A3BD, #278064, #33514A)
- Antique Cobalt color palette (#FEF4E4, #AD9558, #4F93B0, #626FB9, #46423B)
- Aged Atelier color palette (#FCF4EA, #CDA87E, #6B9ECB, #9C650E, #28574C)
- Antique Petrol color palette (#F8ECE4, #80BCCD, #006FA3, #005147, #0E2B5D)
- Muted Abyss color palette (#F4E4DD, #549DA3, #005268, #003122, #001528)
- Linen Cerulean color palette (#FDF3EE, #B2DABB, #008BB6, #006951, #074172)
- Dusty Denim color palette (#F0E4D9, #7CAA9B, #2D539E, #003D42, #1D114E)
Browse the whole catalog at Explore, or see today's palette.