Muted Petrol color palette — #F5EAF3 · #84C3C9 · #007198 · #004122 · #00020D

Peacock and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5EAF3): a clean, paper-quiet neutral.
• Ash (#84C3C9): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#007198): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004122): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#00020D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Dusty Ultramarine Balcony color palette (#F7EAF0, #85BEE5, #395DC8, #003E3C, #04000F)
• Cobalt Basin color palette (#FFF0F9, #93D8EF, #007DD4, #005342, #090034)
• Cerulean Villa color palette (#E5F3E7, #009CA8, #005264, #002C25, #00050A)
• Wandering Courtyard color palette (#F0E9DC, #5EC1CB, #0092AF, #006E5F, #001623)
• Powdered Ultramarine color palette (#DFF5E4, #9C7900, #304EEB, #4B3900, #00000C)
• Pine Bloom color palette (#FBF2F9, #D5D4E2, #6CAEDB, #00835B, #1E2B54)
• Ancient Amber Quarry color palette (#FFE5E1, #CD6800, #654700, #282200, #010300)
• Nightshade Courtyard color palette (#E6E4D2, #746800, #2542CD, #1618BD, #010100)

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