Weathered Petrol color palette — #D3E2DF · #7ABEC8 · #008399 · #005958 · #00242F
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D3E2DF): a clean, paper-quiet neutral.
- Ash (#7ABEC8): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#008399): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005958): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#00242F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Worn Petrol Ridge color palette (#CEE5E3, #71AAC6, #006E9F, #004856, #001528)
- Tempered Cerulean color palette (#E1F3F1, #95CEE4, #0092C5, #006A77, #00314D)
- Cerulean Grove color palette (#F5F6EA, #7EDDEA, #0089A0, #005150, #000F16)
- Wandering Lagoon color palette (#EEF7F5, #CEE1F3, #8DB9C7, #579485, #3B5762)
- Bronze Thicket color palette (#D8F5E3, #9B8600, #008685, #605200, #002020)
- Terracotta Dune color palette (#D7F9E6, #847600, #007C5C, #9C2805, #151200)
- Bronze Study color palette (#D7E5DD, #B2C578, #7EAB6F, #806800, #242400)
- Softworn Harbor color palette (#EBEBDA, #A69E00, #6A6300, #363400, #0E0C00)
Browse the whole catalog at Explore, or see today's palette.