Petrol Field color palette — #FFE9DE · #82C4C7 · #00738D · #00402B · #000307
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#FFE9DE): A whisper-light, dusty orange — the color of toasted spice.
- Mint Leaf (#82C4C7): A luminous, dusty teal — the color of glacier melt.
- Teal (#00738D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00402B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, 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
- Washed Ultramarine color palette (#FBEBDC, #8DBDE0, #3763B6, #003D42, #020012)
- Cobalt Field color palette (#FFF2EB, #8BDAEE, #0083BC, #005247, #000A26)
- Airy Bloom color palette (#E0FBFF, #91D1FF, #8E8EF3, #006546, #000508)
- Aged Workshop color palette (#C9E9F4, #00ACC4, #006074, #001E25, #000102)
- Wandering Lagoon color palette (#D2F6E2, #00937C, #006263, #002E35, #000407)
- Linen Plum color palette (#DFF3E4, #008EA0, #BE0052, #00444E, #040001)
- Airy Brick color palette (#C8F2FB, #007484, #A6081A, #771F00, #000102)
- Hushed Cerulean Lagoon color palette (#FFF2EB, #ADF5F3, #00A3BF, #006E43, #002134)
Browse the whole catalog at Explore, or see today's palette.