Weathered Petrol Field color palette — #DFFFE1 · #A0EEDF · #25B0C9 · #0066B4 · #301A71
Built around Cobalt, softened by Royal Purple — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DFFFE1): A whisper-light, dusty green — the color of fresh herbs.
- Sea Foam (#A0EEDF): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#25B0C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#0066B4): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#301A71): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Weathered 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
- Faded Teal color palette (#F3FCC4, #BBF2CA, #3EB7A9, #00758E, #003566)
- Navy Terrace color palette (#D8F5DF, #00A1A0, #005F7E, #000E68, #020008)
- Dusty Balcony color palette (#B6FEF2, #88E2EB, #0ABFE7, #248CC9, #133A72)
- Hushed Lapis color palette (#DFFCFF, #BFE1FF, #68A0DB, #5B50B3, #4B0554)
- Hazy Ultramarine color palette (#DAFFEF, #00D2E7, #0089C0, #2900DD, #290046)
- Hushed Indigo color palette (#DDFCFF, #D7DEEC, #8DBAE6, #6F6FBC, #582D63)
- Antique Loft color palette (#CBF7F4, #0085A9, #003D82, #170037, #030003)
- Aubergine Quarry color palette (#E1FBFF, #69B9F2, #7266DD, #650081, #24000F)
Browse the whole catalog at Explore, or see today's palette.