Weathered Petrol color palette — #E8FAF3 · #A2CAA1 · #67A088 · #2D76A0 · #304E4C
Built around Slate, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#E8FAF3): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#A2CAA1): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#67A088): A luminous, dusty teal — the color of glacier melt.
- Slate (#2D76A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#304E4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Antique Cerulean color palette (#E6FAF7, #92C8D6, #4DA0B2, #6B679D, #334C54)
- Taupe Cabin color palette (#EDF8F3, #B6DACF, #8BA57A, #628777, #3A534C)
- Timeworn Denim Quarry color palette (#D4F7F0, #41B7A9, #008794, #474B97, #003937)
- Wandering Pier color palette (#E6F6F4, #71AB7E, #445E5E, #253D3B, #1A2422)
- Hushed Driftwood Basin color palette (#E1FBFF, #C1DEE7, #8BAABB, #7784A8, #4C4E65)
- Aubergine Meadow color palette (#D3F4F0, #009298, #00627A, #43008D, #001A1E)
- Oat Veranda color palette (#FFF3E8, #C9D994, #75BFAD, #A27EA1, #494C00)
- Weathered Sapphire Terrace color palette (#BFF2DA, #00A4E6, #0066E3, #81007D, #002B49)
Browse the whole catalog at Explore, or see today's palette.