Cobalt Loft color palette — #FBF3EE · #C8E4D4 · #4E8ECF · #21715F · #5B3D51

A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Celadon Mist (#C8E4D4): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4E8ECF): A luminous, balanced blue — the color of deep harbor water.
• Teal (#21715F): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5B3D51): A full-bodied, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Cobalt Loft 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 Cerulean Hollow color palette (#FBF3F1, #C9E5C8, #1D99B9, #3C703F, #2B5048)
• Aged Cobalt color palette (#FEF3EC, #96DAF0, #0083DB, #006954, #363B67)
• Airy Olive color palette (#FFF0FC, #6C85CC, #4D8E29, #367A3F, #453041)
• Tempered Meadow color palette (#F9F4ED, #C0EDFF, #73ACD4, #2F898E, #563E57)
• Wandering Stone Boulevard color palette (#FFF0F9, #E6D8D3, #F6A796, #3A7E9C, #5D444E)
• Washed Field color palette (#ECF4EE, #C0E2F7, #5795BF, #226A6E, #1C2D41)
• Softworn Cerulean color palette (#F3E3DB, #348E9B, #00415F, #002414, #00022B)
• Airy Lapis Ridge color palette (#FEF1F8, #9994E4, #939814, #5A4DAC, #44423B)

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