Cobalt Loft color palette — #FCF4E7 · #ADD9CC · #4B7ED1 · #006379 · #313877
A conversation between Azure and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF4E7): bright and airy, almost weightless.
- Oat (#ADD9CC): A whisper-light, dusty teal — the color of glacier melt.
- Azure (#4B7ED1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006379): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#313877): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Cerulean Quarry color palette (#FBF4E9, #9FD9E6, #008CB5, #006761, #03446A)
- Dusty Wisteria Loft color palette (#FEF0FF, #E1D7EB, #D297EE, #00769D, #36406A)
- Softworn Indigo color palette (#FAF0E5, #A4D6FE, #5872FB, #006262, #2A1B42)
- Iris Canyon color palette (#FDF2F5, #BCE0FF, #7C91FD, #008285, #46365E)
- Gentle Navy color palette (#A9EDFF, #00B0E1, #0076B5, #004CA5, #1E3779)
- Washed Cerulean color palette (#EAFAED, #CEE8FF, #8BB7FF, #00A1C2, #353C67)
- Feathered Navy color palette (#F7EFE3, #5F96BC, #00488F, #002E38, #060544)
- Dusty Petrol color palette (#F5EDE2, #9BBB9B, #007585, #00523F, #003344)
Browse the whole catalog at Explore, or see today's palette.