Cobalt Loft color palette — #F7EAF4 · #81D3E2 · #1190CE · #006F4C · #1E2C50

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

The five colors

• Blush (#F7EAF4): bright and airy, almost weightless.
• Ice Blue (#81D3E2): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#1190CE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006F4C): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#1E2C50): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Tempered Cypress color palette (#FEF1F9, #9EE0F7, #6A99CB, #007E68, #2D3958)
• Patina Cobalt Boulevard color palette (#EDDAE3, #76BBDE, #4073C3, #005A51, #1F1446)
• Hushed Cabin color palette (#FCF3EF, #CBF0D6, #269ED0, #006C58, #001E40)
• Wandering Ridge color palette (#EEF0E1, #96BCA1, #00748C, #004F50, #003344)
• Washed Lagoon color palette (#FAF2F8, #D7D5E6, #93B5D5, #599195, #475369)
• Airy Teal color palette (#E7DBE7, #1AB8B5, #00728C, #004E11, #00142A)
• Denim Cabin color palette (#EEDEE6, #37A0C2, #0058A4, #003C32, #08002A)
• Peony Grove color palette (#FFE8F7, #DE20B8, #009165, #007171, #321229)

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