Weathered Petrol color palette — #F1F5DE · #4DACB5 · #057696 · #4C3A73 · #0C2918
Built around Teal, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F5DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#4DACB5): A luminous, balanced blue — the color of deep harbor water.
- Teal (#057696): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#4C3A73): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Forest (#0C2918): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Creativity, Balance. 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
- Patina Jade Quarry color palette (#F7F3D9, #68AF7B, #007D66, #1A4A6E, #1E260D)
- Tempered Sky color palette (#EFF4E5, #74B4D9, #5F7A9F, #6D454C, #1A312B)
- Hushed Petrol color palette (#FFF0F9, #54A995, #00739E, #79381F, #18444F)
- Faded Aubergine color palette (#D6E8DB, #008DB0, #00568B, #4E0062, #00141F)
- Dusty Cerulean color palette (#F0F3EB, #C0E6DA, #6791C0, #2A6680, #3C203B)
- Wandering Grape Veranda color palette (#E1FCFA, #70BFCE, #4190B6, #734E9C, #234150)
- Petrol Lagoon color palette (#E4F2E8, #008397, #1A382B, #0B1A10, #030804)
- Dusty Azure color palette (#FFF2EB, #8CDECB, #4D9BC6, #8B5240, #233726)
Browse the whole catalog at Explore, or see today's palette.