Weathered Petrol color palette — #EFF7F4 · #E5D7D8 · #C2ADB2 · #066AA0 · #2E3F39

Peacock and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#E5D7D8): bright and airy, almost weightless.
• Rosewood Mist (#C2ADB2): A luminous, dusty red — the color of a theater curtain.
• Peacock (#066AA0): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#2E3F39): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Aged Cobalt color palette (#EEF8F5, #E7D7DB, #DBB8B9, #5085B6, #323D3A)
• Worn Lapis Canyon color palette (#FAF3F6, #E0D7D3, #C7ACA7, #6452AA, #46343E)
• Softworn Petrol color palette (#EDF2F8, #D6D4E2, #AFB6CD, #30689B, #19212A)
• Fern Loft color palette (#D7ECD7, #87A693, #6E74A1, #3A602F, #1D4A41)
• Driftwood Dune color palette (#FAF3F6, #E0D8D6, #A8AFA0, #8579A8, #5A4F54)
• Ancient Meadow color palette (#E9E1EA, #C3B4BB, #A58488, #004482, #261B27)
• Wandering Thicket color palette (#FFF2EA, #AE986A, #5D6A2F, #5A3D69, #39352F)
• Deep Drift color palette (#EDDBE8, #4D5AAB, #391B23, #200A1B, #03110B)

Browse the whole catalog at Explore, or see today's palette.