Muted Cerulean color palette — #F2F3E9 · #ABD3B5 · #118AA1 · #005B5A · #002530

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

The five colors

• Cream (#F2F3E9): bright and airy, almost weightless.
• Pistachio (#ABD3B5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#118AA1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B5A): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002530): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Hushed Denim color palette (#F0F4E9, #AAD1C7, #597DB2, #00567A, #2F152C)
• Patina Loft color palette (#F1F3E9, #C3E6D5, #5F94B6, #006A7D, #00352B)
• Patina Cerulean color palette (#FCF2F9, #A2CDDE, #0084AD, #00624D, #1F3C5B)
• Tempered Cerulean color palette (#E7EAD9, #288698, #004354, #001F21, #000103)
• Petrol Archive color palette (#E7EBDF, #88BBDA, #2370A7, #00485B, #001630)
• Dusty Delta color palette (#E0E3D5, #65A7BB, #00617E, #00393E, #000C16)
• Cypress Terrace color palette (#FCF3EF, #BDE7F1, #61B2D5, #008266, #12304D)
• Tempered Chestnut color palette (#E8E0CC, #9B9C69, #6F6627, #4B3C0A, #1D1800)

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