Cobalt Loft color palette — #F0F3EA · #A2D4C2 · #4A81AF · #00586F · #022042

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

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Pistachio (#A2D4C2): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#4A81AF): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00586F): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#022042): 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

• Aged Petrol Basin color palette (#F0F4E1, #75C9E4, #007CA5, #005059, #001D2D)
• Cobalt Lagoon color palette (#EFF4E9, #D7BDDB, #547CB9, #00567B, #131E3E)
• Dusty Navy color palette (#E2E6DA, #467EA9, #003C70, #001D2A, #000107)
• Sunlit Indigo Orchard color palette (#DCF0D9, #00A79F, #746EC8, #00625E, #1A1341)
• Azure Quarry color palette (#EBF8F7, #BFD8EC, #589CD2, #007895, #213C5A)
• Washed Garden color palette (#F2F3EA, #CDE3CF, #549AA4, #126D64, #143322)
• Worn Cabin color palette (#E3F9E3, #B0F0FC, #78B9D6, #2B8074, #0F2713)
• Softworn Cobalt Boulevard color palette (#DCF0D8, #008F86, #3070B7, #526400, #061903)

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