Muted Cerulean color palette — #F6F1E9 · #CAE5CB · #3D9CAE · #156E58 · #163326

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

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Celadon Mist (#CAE5CB): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#3D9CAE): A luminous, balanced blue — the color of open sky before noon.
• Pine (#156E58): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#163326): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Azure Coast color palette (#F5F1EB, #C3E6D5, #4294D1, #006B73, #3A2239)
• Timeworn Boulevard color palette (#F5F1EB, #ACD2B9, #0987B1, #005C57, #00271F)
• Muted Abyss color palette (#F2EADD, #4D97A1, #005267, #002C27, #00050B)
• Ancient Forest color palette (#F9F3F9, #AAEAEC, #5793AC, #3A7048, #37495E)
• Worn Glacier Station color palette (#EFF5DC, #B6F2FA, #87DEE7, #758859, #292F1D)
• Tempered Olive color palette (#E1E1C9, #9EB25D, #538E00, #25632C, #252F0F)
• Hazy Pine Villa color palette (#F2F3E6, #7EB475, #A975C2, #347629, #3D1A26)
• Pine Orchard color palette (#ECF7D6, #84CFA2, #008D53, #005329, #001E0B)

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