Muted Cerulean color palette — #F0F7F1 · #ADE9ED · #4397AC · #326E61 · #2E4B5F

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Sea Foam (#ADE9ED): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4397AC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#326E61): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#2E4B5F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Ancient Petrol Parlor color palette (#F0F7F1, #D8DEEF, #809CBA, #3B7984, #455369)
• Cerulean Delta color palette (#F8EFF5, #C1E3EF, #5498B0, #2D6C54, #152E44)
• Tempered Teal color palette (#ACEFDA, #00C3B4, #009296, #006879, #1D4D60)
• Teal Villa color palette (#F5F6ED, #C3E6DE, #7DCCD9, #00AFA4, #16505E)
• Wandering Cerulean color palette (#D6E9DA, #00A1B8, #00516B, #00302D, #001527)
• Turquoise Coast color palette (#E8F8FF, #00B4C4, #C66C64, #00737E, #53384F)
• Aqua Lantern color palette (#E7F9FF, #46CBEF, #007C96, #004F63, #003341)
• Washed Cerulean Balcony color palette (#E9F8FF, #0099B0, #9F6395, #7B6722, #203C48)

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