Muted Cobalt Garden color palette — #FFF1F6 · #24D0CD · #1B80DA · #784100 · #002534

A conversation between Azure and Aqua, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Aqua (#24D0CD): A luminous, balanced teal — the color of sea glass.
• Azure (#1B80DA): A full-bodied, vivid blue — the color of open sky before noon.
• Bronze (#784100): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002534): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Muted Cobalt Garden 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

• Timeworn Mint color palette (#FFF0FB, #61CFA2, #008CAD, #833333, #00272D)
• Misty Indigo color palette (#DFFEEA, #31C8F7, #726CDC, #614F00, #0D2336)
• Patina Drift color palette (#E8FBEB, #6BDEF9, #7C8CD6, #7B5E24, #203443)
• Hushed Violet color palette (#E6F9FD, #00C0AD, #8D53CD, #6C3C00, #1E1C00)
• Ancient Amethyst color palette (#DAFFEF, #1CB8F9, #8033FD, #484A00, #001738)
• Wandering Orchard color palette (#ECF2D6, #00CFF5, #50A0D4, #87639E, #18372A)
• Tempered Pier color palette (#FFECCE, #0C97A7, #1A5E95, #68282D, #003645)
• Aged Denim color palette (#FFE3CD, #109F90, #2E5A9D, #592B00, #001E0D)

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