Weathered Petrol color palette — #F6EBF5 · #60B0BB · #006E9B · #004D2F · #000942
Peacock and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F6EBF5): a clean, paper-quiet neutral.
- Cyan (#60B0BB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006E9B): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D2F): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Indigo (#000942): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
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
- Weathered Ultramarine Villa color palette (#EBDBE2, #80A7C2, #2061C5, #004B43, #160040)
- Weathered Aqua color palette (#F9EBE5, #53CAD4, #007198, #004122, #00020D)
- Ancient Cerulean Villa color palette (#F0EAE0, #3E9FA8, #005264, #003129, #001623)
- Weathered Turquoise Station color palette (#E4F5E7, #42C4D0, #0092AF, #006E5F, #001623)
- Soft Forest Cabin color palette (#F3ECF3, #92D1D4, #0093BF, #007137, #102E54)
- Azure Archive color palette (#D2F8F2, #62C3BB, #5992E0, #6F5A00, #001A15)
- Weathered Emerald Loft color palette (#D3EFE2, #00A36B, #006A46, #002D1C, #000503)
- Tempered Lagoon color palette (#FAF3F6, #D5DCF4, #8AA5D6, #008D84, #3E4568)
Browse the whole catalog at Explore, or see today's palette.