Petrol Field color palette — #F4EEE3 · #84BBC9 · #007297 · #00504D · #0E304B
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F4EEE3): a clean, paper-quiet neutral.
- Ash (#84BBC9): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#0E304B): 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
- Sapphire Courtyard color palette (#F4EDE3, #8CB7D9, #1062CD, #004D5D, #212956)
- Petrol Field color palette (#F6E5DD, #6FC1D5, #1671AA, #004D38, #0B1136)
- Softworn Cobalt Field color palette (#F8F5EF, #A9CFBC, #0080BF, #005F64, #243B5B)
- Softworn Turquoise Boulevard color palette (#E3F2F0, #9CDFF1, #36B4DC, #008F98, #003347)
- Weathered Lagoon color palette (#F8EFE1, #4A9EA2, #005361, #003127, #001721)
- Hushed Azure color palette (#F8F5EF, #CAE5E3, #64A1C6, #387B7B, #5C4C5E)
- Antique Jade Thicket color palette (#FAEFCF, #BCD598, #53AE80, #785400, #383730)
- Mulberry Lagoon color palette (#F5ECD2, #746E00, #006886, #890061, #232000)
Browse the whole catalog at Explore, or see today's palette.