Weathered Petrol color palette — #E5F3EB · #AF9FA5 · #A28286 · #006E88 · #000D05

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

The five colors

• Cream (#E5F3EB): a clean, paper-quiet neutral.
• Taupe (#AF9FA5): A luminous, dusty rose — the color of pressed rose petals.
• Heather (#A28286): A luminous, dusty red — the color of embers at dusk.
• Peacock (#006E88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#000D05): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Chapel color palette (#DCE6DB, #8DA7A4, #6A9095, #00736D, #040C03)
• Muted Villa color palette (#EDE1EA, #AD9B9A, #9C8177, #455CB0, #130310)
• Hushed Abyss color palette (#E4EEF4, #96A7B5, #77889B, #004C65, #000B13)
• Onyx Villa color palette (#D8E1E6, #7F8FA0, #5F6B86, #002F3B, #000103)
• Dusty Cornflower Balcony color palette (#E7DDE5, #CFBAB9, #BD9E95, #567BD5, #271A25)
• Pewter Grove color palette (#CAE4EC, #6085AC, #755E90, #474500, #101700)
• Hushed Emerald color palette (#EFECD3, #4B9C62, #007261, #005066, #000902)
• Pale Nightshade color palette (#EADECA, #0088A4, #484AB0, #4E3500, #000409)

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