Weathered Petrol color palette — #E2ECE4 · #85BFC6 · #007792 · #004C43 · #001827
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E2ECE4): a clean, paper-quiet neutral.
- Ash (#85BFC6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007792): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001827): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Ancient Cobalt Chapel color palette (#E1EDE3, #93B7DB, #4368B3, #00485C, #100E39)
- Dusty Cerulean Harbor color palette (#EDF4EE, #AFCCDC, #1986B3, #005B59, #02223C)
- Ancient Petrol Station color palette (#F9EBE6, #97BCA0, #00719D, #005332, #162B57)
- Dusty Denim Alley color palette (#D9E1DB, #74A4BA, #005D91, #00393D, #000921)
- Patina Alley color palette (#EEF3EF, #D0DEF2, #71A4BB, #007C74, #22384B)
- Abyss Balcony color palette (#DFEAE1, #5A9692, #00545B, #002D1E, #000508)
- Worn Plum color palette (#EBDFFF, #A23D8C, #6E5D00, #005666, #1A0014)
- Softworn Aubergine Corridor color palette (#E4E1EF, #A961A3, #198723, #6E006B, #011802)
Browse the whole catalog at Explore, or see today's palette.