Cobalt Loft color palette — #F8EFF4 · #96D2E2 · #2B84B6 · #005D50 · #0E203D

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

The five colors

• Ivory (#F8EFF4): bright and airy, almost weightless.
• Sky (#96D2E2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2B84B6): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D50): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#0E203D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, 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

• Hushed Forest Ridge color palette (#FEF3EC, #ADCEB9, #477EA8, #006249, #2D3761)
• Timeworn Hollow color palette (#FAEEF3, #C0E1FC, #6E8EC3, #006B72, #222B44)
• Patina Cobalt color palette (#F7E3E9, #7CBAED, #4766B5, #004A52, #160C36)
• Hazy Study color palette (#CBEBE4, #00B1B1, #007687, #004864, #052346)
• Worn Lilac Bloom color palette (#E4F5FF, #D3D5F2, #BA9EDD, #32736B, #0E2738)
• Worn Canyon color palette (#F4F7EA, #BAE3F1, #3CB5DF, #007E87, #053729)
• Softworn Cerulean Study color palette (#F0DCE7, #2B849F, #003F66, #001F1D, #00000D)
• Rust Corridor color palette (#D6EDF9, #00A2BF, #BE5C12, #005F72, #311200)

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