Muted Cerulean color palette — #FCF3EF · #ABD0B1 · #0085A7 · #006247 · #1B3D5A

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Pistachio (#ABD0B1): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#0085A7): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006247): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1B3D5A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Muted Cobalt color palette (#FEF2EC, #9AD9EE, #0087CB, #00675E, #253D70)
• Softworn Cerulean Lantern color palette (#E7F5F3, #A0D0E2, #008B9E, #005C58, #002434)
• Wandering Turquoise color palette (#F5F6EC, #92E4EC, #41A5B7, #007C77, #004251)
• Dusty Sapphire color palette (#F4EDE8, #88B9D1, #0069BD, #00504F, #232A50)
• Ancient Cerulean Bloom color palette (#FCEAE2, #248F9E, #00425A, #00231A, #00091A)
• Misty Study color palette (#EBF1DF, #4AA270, #9454CB, #00683C, #3E2B51)
• Dusty Atelier color palette (#DBFFEC, #5ABD8D, #007956, #004627, #002C1D)
• Ancient Denim color palette (#F5EAE5, #67AAB9, #005E85, #003F35, #001D47)

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