Cobalt Loft color palette — #F0DAEB · #5C75CB · #8D6700 · #625E00 · #091030

Sapphire takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F0DAEB): A whisper-light, dusty pink — the color of peonies in June.
• Sapphire (#5C75CB): A full-bodied, balanced violet — the color of wild irises.
• Ochre (#8D6700): A full-bodied, balanced gold — the color of old brass.
• Olive (#625E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#091030): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Wandering Basin color palette (#F0D6E2, #826BBC, #767200, #526400, #260618)
• Timeworn Bronze color palette (#D2F4EA, #3580C2, #AB5100, #7C5100, #001914)
• Airy Plum Summit color palette (#FEE1E4, #9C5895, #815E00, #005040, #23030A)
• Iris Orchard color palette (#D7E5FF, #728DF5, #AD8100, #847A00, #1E2B44)
• Nightshade Atelier color palette (#EFDFE8, #543CBA, #584C00, #1C4019, #030016)
• Magenta Grove color palette (#EFE2F0, #C538D5, #3D5F00, #005449, #1D0021)
• Garnet Summit color palette (#ECDDD2, #AD9473, #8F5325, #6E1F16, #201600)
• Tempered Peony Basin color palette (#FFD9E4, #EA5B91, #007742, #007168, #320117)

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