Weathered Petrol color palette — #D6E7E9 · #007F99 · #005174 · #002A4C · #000820
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D6E7E9): a clean, paper-quiet neutral.
- Cerulean (#007F99): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005174): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002A4C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000820): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Cypress Studio color palette (#D0F8EC, #007F76, #004C50, #002B32, #000E15)
- Frosted Dune color palette (#D1EBE8, #00828E, #005973, #002D5B, #1B045A)
- Feathered Petrol color palette (#D0EFE4, #0072A9, #854400, #003A59, #110500)
- Washed Cobalt Loft color palette (#D8E0EC, #3181D3, #00467F, #001838, #000205)
- Pale Navy color palette (#D5EEF8, #0073A7, #00498C, #080183, #080035)
- Navy Ridge color palette (#CBEAE2, #00A0B0, #007196, #002478, #0B003B)
- Hushed Cobalt color palette (#D3F4FF, #56B1DD, #3184B9, #234B82, #1F274A)
- Iris Courtyard color palette (#E1F2ED, #A3B1F9, #9272B8, #005A6D, #000B2E)
Browse the whole catalog at Explore, or see today's palette.