Weathered Petrol color palette — #F3ECF1 · #8EB9C8 · #007390 · #00523A · #003051
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F3ECF1): a clean, paper-quiet neutral.
- Ash (#8EB9C8): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007390): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00523A): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#003051): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Muted Cobalt color palette (#FBF2F9, #A5CCDE, #0B82B3, #006152, #203B5F)
- Antique Summit color palette (#F8EAEF, #9BB4CC, #4564AF, #004E57, #2C2457)
- Timeworn Hollow color palette (#E9EADF, #9BBDA1, #007989, #004C48, #001A21)
- Antique Turquoise color palette (#F7ECE7, #7BE7EE, #00B5E1, #27936D, #0C304B)
- Ancient Cypress Archive color palette (#F9F3F7, #D5DFEE, #6BA1BC, #2C7F69, #3F556B)
- Patina Atelier color palette (#CDFAF5, #8FD0C2, #60ABCC, #546200, #023E31)
- Navy Harbor color palette (#EFE5EB, #4E8A9C, #004064, #00231F, #00032A)
- Navy Loft color palette (#FDE9EF, #6F93B4, #294096, #002F36, #17003F)
Browse the whole catalog at Explore, or see today's palette.