Weathered Petrol color palette — #EAE6D4 · #007A99 · #00725B · #040E0F · #000102
Teal and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EAE6D4): A whisper-light, dusty green — the color of new leaves after rain.
- Teal (#007A99): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#00725B): A full-bodied, balanced teal — the color of sea glass.
- Ink (#040E0F): quiet, heavy and certain.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged neon, dark, 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
- Tempered Cypress color palette (#DDEDF2, #007777, #283B5F, #003131, #000103)
- Ultramarine Bloom color palette (#DBE7D7, #292BFC, #005D67, #070C10, #000102)
- Cornflower Corridor color palette (#ECD9EF, #3484FE, #00908E, #001413, #000300)
- Softworn Cerulean Coast color palette (#DFEFF5, #8EA4AF, #4F849C, #003E45, #000509)
- Blush Studio color palette (#E8DFF5, #FF6E9C, #008B42, #010E0C, #000201)
- Patina Byzantium Orchard color palette (#C8ECE3, #A634FE, #0074C8, #09091A, #000104)
- Gentle Orchid color palette (#FFEAD3, #B365FF, #586B00, #0A1005, #020200)
- Inked Aubergine color palette (#D7ECFC, #004A68, #55006A, #390022, #000103)
Browse the whole catalog at Explore, or see today's palette.