Cobalt Loft color palette — #E7FBF1 · #D9B9EC · #E2897C · #258AC6 · #423750

A conversation between Cerulean and Salmon, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Lavender (#D9B9EC): A whisper-light, dusty violet — the color of a velvet chair.
• Salmon (#E2897C): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#258AC6): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#423750): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged retro.

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

• Antique Balcony color palette (#E9FAEE, #FBBCCE, #CDA770, #6D8DBD, #544050)
• Dusty Quarry color palette (#E1FCFA, #B0C6FF, #D28AB4, #0E958E, #373B56)
• Aged Amber Ridge color palette (#EAFAED, #FFB3C5, #D1764D, #03745F, #3C2B3B)
• Washed Coral Orchard color palette (#F0DEED, #F08884, #637661, #564253, #1B1620)
• Faded Indigo color palette (#E3FEE1, #FFA4A0, #BDA619, #605CE0, #562602)
• Softworn Lagoon color palette (#EBF9F2, #B1E0DA, #7DBAAD, #A083B1, #2B4945)
• Sunlit Indigo Pier color palette (#FFE7F2, #F1A583, #92AC46, #7B55B2, #432B03)
• Hushed Summit color palette (#F7E3B4, #F083DA, #E47216, #0150E8, #4F0523)

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