Petrol Field color palette — #F6F1E9 · #C3E8EC · #B090AF · #3A7485 · #422F3D
Teal and Dusty Rose set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F6F1E9): bright and airy, almost weightless.
- Frost (#C3E8EC): A whisper-light, dusty blue — the color of open sky before noon.
- Dusty Rose (#B090AF): A luminous, dusty pink — the color of peonies in June.
- Teal (#3A7485): A full-bodied, dusty blue — the color of open sky before noon.
- Espresso (#422F3D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Muted Studio color palette (#F6F1EA, #C4E6E5, #77A898, #3A767A, #412F41)
- Teal Lantern color palette (#E6F7E6, #2AB1B1, #A37CB4, #90734A, #1F2B1F)
- Cerulean Lagoon color palette (#EEF7F7, #D8DBEA, #96B4D6, #578EA9, #455467)
- Dusty Petrol color palette (#EFE8DE, #7ABFD2, #00759E, #004B49, #00172C)
- Denim Basin color palette (#E5DED4, #5AA5D5, #19589C, #003842, #02022E)
- Muted Mint Pier color palette (#E5F0C8, #73D4AE, #319F8E, #26696A, #263C2B)
- Lagoon Villa color palette (#EDE5D8, #008A8A, #00444D, #002017, #000203)
- Powdered Quarry color palette (#FCF0DF, #75E3F0, #0091B1, #006357, #00293D)
Browse the whole catalog at Explore, or see today's palette.