Weathered Petrol color palette — #EAF8FF · #028396 · #705D0B · #2D4A15 · #113135

A conversation between Cerulean and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Cerulean (#028396): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#705D0B): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2D4A15): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#113135): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Weathered Petrol 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

• Softworn Cobalt color palette (#EFF6FF, #4A7CC4, #3E632D, #005143, #143040)
• Aged Atelier color palette (#E3FBFC, #2A8362, #894E30, #5B4200, #10322B)
• Spruce Thicket color palette (#D5F1FF, #00687D, #564600, #153600, #001D1A)
• Antique Terracotta color palette (#EDF1FF, #847DB7, #95363F, #424B00, #001526)
• Sunlit Pier color palette (#FFF1F5, #AB87CC, #B86071, #596700, #113027)
• Hazy Amber color palette (#ECF9EE, #39CED2, #BE8F2C, #73873A, #252D1C)
• Petrol Courtyard color palette (#F2F5FC, #DDD8E2, #C3BCC7, #6C6FA0, #434752)
• Wandering Grape Atelier color palette (#F3F4FF, #764BAE, #005248, #003B4B, #0F1A2F)

Browse the whole catalog at Explore, or see today's palette.