Muted Petrol color palette — #F0F6FD · #DDD9E3 · #CABAC9 · #5D7793 · #43484F

Built around Slate, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DDD9E3): bright and airy, almost weightless.
• Stone (#CABAC9): A luminous, dusty pink — the color of neon signs at night.
• Slate (#5D7793): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#43484F): quiet, heavy and certain.

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

Use it as a design system

One click turns Muted 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 Workshop color palette (#F4F4FF, #EBD3E2, #C8B5C5, #7D569D, #3E3E4A)
• Tempered Chapel color palette (#ECF7FF, #B0B5D4, #947D9F, #4E6661, #324E54)
• Ancient Navy color palette (#DFE5ED, #A3A7C5, #847A93, #143273, #0C1420)
• Softworn Garnet color palette (#EFECF4, #C7B1C6, #A28492, #6D2358, #221C29)
• Tempered Stone color palette (#EEF8EE, #B3B473, #558053, #59566F, #2F493E)
• Aged Drift color palette (#DEE4F6, #6C5EC7, #362D46, #1B1E2B, #0B0C13)
• Lilac Corridor color palette (#F2F5FF, #A9E8FF, #A6A4FF, #BB6D90, #403D5E)
• Antique Cornflower Villa color palette (#EFF6FF, #4B88DE, #835B00, #474D15, #183B20)

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