Tempered Cobalt Loft color palette — #ECF8F4 · #F8DBDE · #DDC0B9 · #2C8FC8 · #31453E

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

The five colors

• Ivory (#ECF8F4): a clean, paper-quiet neutral.
• Shell Pink (#F8DBDE): A whisper-light, dusty red — the color of a theater curtain.
• Oat (#DDC0B9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cerulean (#2C8FC8): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#31453E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered 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

• Periwinkle Canyon color palette (#ECF8F5, #E8DBDE, #DCB9AF, #4FA9FF, #284740)
• Muted Quarry color palette (#FBF2F7, #E5D8D4, #CBBDB4, #898ABA, #4E444A)
• Patina Petrol color palette (#E7F1EE, #E9CFDD, #CDAEB3, #3D75AB, #23312E)
• Lagoon Atelier color palette (#EEF9ED, #C7E0E0, #DFC4DB, #079A94, #3A4339)
• Violet Pier color palette (#FEF1F5, #F2D6D6, #DCB3A5, #8E5AC2, #422B34)
• Indigo Coast color palette (#F3DDED, #5F75FF, #55395B, #341E2F, #091410)
• Periwinkle Cabin color palette (#FEF0FF, #449EFF, #9C6D00, #695200, #253700)
• Tempered Basin color palette (#FFF3E9, #D2B968, #73933C, #745E8A, #46390A)

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