Petrol Field color palette — #F4EDE7 · #93BBAD · #4863B0 · #00504D · #322352
Slate and Deep Indigo set the tone — five colors that lean into creativity and calm.
The five colors
- Cream (#F4EDE7): bright and airy, almost weightless.
- Sage (#93BBAD): A luminous, dusty teal — the color of glacier melt.
- Slate (#4863B0): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#322352): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, 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
- Cobalt Study color palette (#F9F4EF, #A2D0C4, #6A72B3, #005F64, #442F5A)
- Forest Workshop color palette (#F9EBE7, #9BBB9C, #007393, #005422, #0B2E55)
- Sapphire Drift color palette (#FFF3E9, #7CC2E5, #0264E4, #00574E, #341A77)
- Cobalt Coast color palette (#E3ECE4, #80BBE1, #006BC2, #004A55, #071237)
- Cornflower Field color palette (#F4EEE4, #9ED1BE, #0887EF, #006A79, #1B2A56)
- Antique Lagoon color palette (#FFF2ED, #B4D9BB, #008ABC, #006B3F, #203D74)
- Aged Emerald color palette (#EAF2DE, #4AA260, #00745D, #00484A, #142B47)
- Softworn Courtyard color palette (#A8F3EF, #00AEAC, #005D5C, #003132, #001A1A)
Browse the whole catalog at Explore, or see today's palette.