Weathered Petrol color palette — #F2E6E2 · #9ABDA6 · #0071AC · #004D37 · #09103A

Slate and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F2E6E2): a clean, paper-quiet neutral.
• Sage (#9ABDA6): A luminous, dusty teal — the color of glacier melt.
• Slate (#0071AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#09103A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Sapphire Bloom color palette (#F0E7DF, #8CBAD9, #4564BE, #004B49, #1C033D)
• Tempered Petrol Boulevard color palette (#F4EDE3, #96BCA1, #007393, #00504A, #00314D)
• Antique Denim Veranda color palette (#F4EBE4, #7AA896, #2F53A3, #003A36, #0E0029)
• Cornflower Atelier color palette (#FBEFE5, #ADDBCB, #5A7CDE, #00625F, #2C1154)
• Hushed Sapphire Summit color palette (#E9E0C3, #868400, #1863D8, #4B4900, #000F32)
• Patina Azure color palette (#EEF9F0, #CCE1FF, #1EA0C9, #006B63, #002136)
• Washed Spruce color palette (#EBDAD4, #599695, #005267, #002E0A, #00040E)
• Weathered Villa color palette (#F7F0EA, #C2E5DB, #7F8ABC, #006C6F, #40202E)

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