Muted Petrol color palette — #FDF3EA · #C5E5F9 · #8BA6DB · #007D89 · #2C2850

Teal and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Powder Blue (#C5E5F9): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#8BA6DB): A luminous, balanced violet — the color of wild irises.
• Teal (#007D89): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#2C2850): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Antique Azure color palette (#FFF2EA, #D7E5FA, #439FF2, #00726F, #131A5A)
• Tempered Pine Garden color palette (#FDF3ED, #BAEEF5, #62B3C9, #338059, #03324B)
• Ancient Petrol Chapel color palette (#FDEADF, #75C4D8, #006F9F, #003F35, #00020C)
• Cobalt Lagoon color palette (#FDF2F5, #AEC8E0, #4973CF, #005E67, #37355A)
• Patina Veranda color palette (#FAF4EE, #C3E0F0, #C2BDE9, #619EA1, #5E4454)
• Nightshade Atelier color palette (#F6EBDE, #7DA6CF, #3347AF, #002A31, #020008)
• Cerulean Parlor color palette (#FFF2EB, #92DBDA, #0088A2, #005434, #000E1A)
• Fuchsia Basin color palette (#FAF6DE, #B9C878, #D885D4, #6F7E00, #3B173A)

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