Muted Petrol color palette — #ECF3F7 · #D5D8E4 · #BCBCCE · #248199 · #232E34

Cerulean and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D5D8E4): a clean, paper-quiet neutral.
• Ash (#BCBCCE): A luminous, dusty violet — the color of wild irises.
• Cerulean (#248199): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#232E34): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Dusty Cobalt color palette (#EEF2FA, #DAD3E2, #BDBCD8, #5563B2, #1E2533)
• Muted Garden color palette (#E6F6F2, #8BBFBB, #22886A, #2A5D6C, #0E2D2B)
• Patina Pewter color palette (#F0F7F2, #CEE1E3, #D7C3CE, #5B7E65, #434A44)
• Muted Abyss color palette (#E4F0F8, #90A2B5, #6D7AA2, #003C51, #00050B)
• Ash Basin color palette (#DDF1FF, #A3B5D0, #9582B2, #79533E, #203C2A)
• Petrol Lantern color palette (#E2F9E6, #4EA9CB, #4D68AB, #6D3323, #132433)
• Nightshade Station color palette (#E7E9EF, #C9CAD9, #A59EBE, #504699, #111522)
• Sunlit Sky Studio color palette (#E7F4FE, #7FF7FF, #5FC0FF, #8B83D7, #0E243E)

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