Cobalt Loft color palette — #F0EAE0 · #80AC98 · #007AC0 · #005C64 · #000720

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

The five colors

• Cream (#F0EAE0): bright and airy, almost weightless.
• Sage (#80AC98): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#007AC0): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005C64): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#000720): A deep, shadowed, dusty violet — the color of wild irises.

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

• Pale Cornflower color palette (#F4ECE0, #81B8D9, #1485E4, #006B79, #020644)
• Lilac Thicket color palette (#CEF7E9, #93A8D8, #A389DE, #00798F, #000B28)
• Quiet Alley color palette (#FAECE2, #639BB6, #1052B3, #003C36, #0A0027)
• Cerulean Bloom color palette (#E1F4F4, #00859D, #006887, #004061, #00081C)
• Bronze Terrace color palette (#D3EBE1, #0089BC, #A55B00, #005C80, #0D0400)
• Weathered Petrol Balcony color palette (#E1EDFA, #3895DB, #0069B5, #003A66, #000206)
• Softworn Coast color palette (#EBE4DA, #8CCCDA, #179FCF, #007D78, #002139)
• Chalky Plum color palette (#CEEAFF, #0076B1, #BA005F, #506100, #000205)

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