Frosted Cobalt color palette — #FEF3EC · #B0DAC1 · #2087C2 · #00685C · #213E73

Cerulean takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF3EC): a clean, paper-quiet neutral.
• Pistachio (#B0DAC1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2087C2): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00685C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#213E73): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Cobalt Dune color palette (#FDF3EA, #AAD3F9, #5F7BC9, #006571, #3F366B)
• Antique Cypress color palette (#FCF3EF, #CEE3D1, #4396B3, #007455, #245146)
• Muted Cerulean color palette (#E7F5F3, #8CDEF5, #0090B8, #006169, #00293C)
• Cobalt Summit color palette (#FEF3EB, #6FC5E4, #0072B8, #005651, #162877)
• Patina Villa color palette (#F4F7E8, #9DE8FE, #00ABD9, #00818B, #024662)
• Softworn Study color palette (#FAF4EF, #CBE5E7, #AD8DAC, #007E83, #634A5A)
• Timeworn Field color palette (#EAE0DA, #69ADA9, #006271, #004121, #002333)
• Quiet Study color palette (#FFF0F9, #B7EFFF, #5EC1FF, #00A795, #263F6A)

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