Weathered Petrol color palette — #EBF7FF · #EDB5A5 · #3B7B93 · #25475A · #15242C

Slate and Rose Quartz set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF7FF): a clean, paper-quiet neutral.
• Rose Quartz (#EDB5A5): A whisper-light, dusty orange — the color of autumn markets.
• Slate (#3B7B93): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#25475A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#15242C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Washed Boulevard color palette (#EEF8F3, #F3DCC4, #1682A5, #1B4131, #08120D)
• Patina Sapphire Study color palette (#F0F5FF, #D2BA61, #4961B9, #253571, #121B2A)
• Dusty Turquoise Study color palette (#EBF8FD, #C1E1AF, #45A4B0, #296E77, #15242A)
• Abyss Hollow color palette (#EFF8F0, #9CB98B, #005D66, #00353B, #08221E)
• Timeworn Summit color palette (#F0F6FC, #DBD9E3, #C6BDCB, #6694BE, #3F4953)
• Sunlit Tangerine color palette (#D0E8FF, #FF8159, #005E9B, #003053, #001021)
• Dusty Cerulean color palette (#ECF7FD, #71D4F0, #B578A1, #008FAB, #272030)
• Fern Courtyard color palette (#DDFEF4, #78BAE3, #897DB2, #596C2A, #2A3E58)

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