Muted Petrol color palette — #F9E5C7 · #9E6D00 · #0069B1 · #5D3E00 · #001022

Built around Cobalt, softened by Ochre — the whole palette hums with trust and stability.

The five colors

• Parchment (#F9E5C7): A whisper-light, dusty gold — the color of old brass.
• Ochre (#9E6D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cobalt (#0069B1): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#5D3E00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#001022): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Sunlit Petrol color palette (#F4E1CA, #A87100, #006AB2, #523500, #000104)
• Timeworn Rust Loft color palette (#EFD9E4, #BA5700, #007382, #6F3100, #001317)
• Pale Ultramarine Garden color palette (#D2E9DB, #8B7700, #144EF2, #514500, #00043C)
• Washed Grape Dune color palette (#E5E3D0, #756B00, #5C32C0, #3F3900, #07001E)
• Pale Lapis color palette (#FCE4CC, #8F5800, #3A36DF, #3139A3, #0E0500)
• Indigo Delta color palette (#FFDFB3, #E3A129, #576CEC, #8C5F00, #1C2465)
• Dusty Grape color palette (#C8F1E6, #709722, #632ABB, #364E00, #140033)
• Hushed Crimson Harbor color palette (#F9E0DF, #DE0038, #007382, #85001E, #001316)

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