Cobalt Loft color palette — #DFF3F2 · #A6C9E7 · #438BCE · #006786 · #142D52

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

The five colors

• Cream (#DFF3F2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#A6C9E7): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#438BCE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006786): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#142D52): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Tempered Azure color palette (#F4F7ED, #D6DFFD, #4597E1, #006583, #031D40)
• Cerulean Boulevard color palette (#E0F4EF, #8FD2D3, #0098A5, #006D63, #00343E)
• Tempered Petrol color palette (#F9EAF0, #93B6D4, #4566A7, #004F55, #2A2654)
• Misty Periwinkle color palette (#F7ECE2, #AED9F9, #6EA3FF, #008F99, #292655)
• Timeworn Dune color palette (#EAF9F6, #A7E8F2, #00ADCD, #008283, #00475C)
• Teal Archive color palette (#D6E6E3, #48A2A5, #00646D, #003C36, #000C0F)
• Powder Canyon color palette (#EDF8F7, #D9DBE9, #96B3DB, #688BA4, #44536A)
• Patina Meadow color palette (#FFE0E1, #E14661, #9F7100, #8447B1, #371016)

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