Cobalt Loft color palette — #EDF0E6 · #A1D0BD · #008FD3 · #00697E · #0C304E

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF0E6): a clean, paper-quiet neutral.
• Pistachio (#A1D0BD): A luminous, dusty teal — the color of sea glass.
• Cerulean (#008FD3): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00697E): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#0C304E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Patina Market color palette (#EFF0E3, #84D5D0, #00999D, #006E5C, #00353B)
• Muted Canyon color palette (#F3F7ED, #AFE1D2, #5C99DD, #16769A, #4B2F4A)
• Patina Peony Villa color palette (#C3E8DA, #17A3E5, #D041B7, #006B99, #401638)
• Periwinkle Alley color palette (#E9F1EA, #B5D8F2, #5BABF0, #008F9D, #142B59)
• Patina Azure color palette (#FEF3EA, #C6ECFF, #6993D1, #006B5F, #1D1346)
• Timeworn Petrol Station color palette (#FAECE1, #7FBAD9, #2169B5, #004F50, #252B4C)
• Frosted Ultramarine color palette (#DEE4D4, #6396CC, #0051B8, #003751, #01002F)
• Feathered Alley color palette (#F6F6E9, #92EDF1, #00AFC1, #00837A, #004856)

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