Cobalt Loft color palette — #F8F0EB · #9AD1E7 · #2581C6 · #005C57 · #141E3E

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Sky (#9AD1E7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#2581C6): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005C57): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#141E3E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Dusty Summit color palette (#F7F0ED, #97D4D5, #008AA6, #005F3D, #00281E)
• Antique Iris color palette (#F7F1EA, #BEE6DB, #748BC8, #006B78, #3E2132)
• Teal Lagoon color palette (#DDF5F1, #00A9B2, #007798, #004565, #0B1E44)
• Timeworn Wisteria color palette (#DEFAEB, #C6DCFF, #CA99ED, #18787A, #0A2F28)
• Bronze Balcony color palette (#D9F0E3, #0AA0C5, #B06800, #005F76, #2C1600)
• Washed Petrol Corridor color palette (#CBFFF1, #5FB4E8, #006DB2, #00385A, #00101E)
• Tempered Navy color palette (#FAEBDF, #3B81A1, #003C70, #001F1F, #01000B)
• Rust Grove color palette (#CBEADB, #0087B3, #B34908, #7F4F00, #001910)

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