Cobalt Loft color palette — #F8F1E6 · #9BD8FF · #3585D7 · #00606E · #152248

A conversation between Azure and Powder Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F1E6): a clean, paper-quiet neutral.
• Powder Blue (#9BD8FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#3585D7): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00606E): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#152248): A deep, shadowed, dusty violet — the color of wild irises.

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

• Sunlit Basin color palette (#FFF1F6, #A5D5F3, #477FCE, #00666A, #36396E)
• Sapphire Cabin color palette (#FCF0DE, #76C3FF, #1B6CDA, #004F60, #0E0E4A)
• Wandering Station color palette (#F7F1E7, #86E2E1, #0093A5, #00644D, #002A37)
• Turquoise Boulevard color palette (#D4F2F5, #00A7C9, #00759E, #00477A, #112754)
• Denim Market color palette (#F0E8DA, #4394BB, #004C7F, #002B30, #000218)
• Worn Studio color palette (#D2FDF0, #D8DFFF, #C3A6EA, #0388A9, #162B4A)
• Linen Plum color palette (#D0E8FF, #0087DF, #CD295E, #4C6E00, #001930)
• Pale Villa color palette (#D4FCEF, #37B1FC, #A36400, #006192, #311B00)

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