Softworn Cobalt Loft color palette — #F5EDE8 · #A3D1B8 · #228DD3 · #006D64 · #192B56

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

The five colors

• Cream (#F5EDE8): bright and airy, almost weightless.
• Pistachio (#A3D1B8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#228DD3): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006D64): A full-bodied, balanced teal — the color of sea glass.
• Navy (#192B56): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Softworn 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 Dune color palette (#FAF4EF, #B5DFCE, #6198DB, #007C7D, #313660)
• Softworn Azure Station color palette (#FFF0F9, #BEEFFF, #249AE2, #006B61, #0B1C41)
• Patina Sapphire Lagoon color palette (#F1E9E2, #8FB6D6, #476ECF, #005861, #1E1447)
• Hushed Canyon color palette (#E5F2F0, #7DBCD2, #007298, #004E57, #00324B)
• Aged Quarry color palette (#FAF4F0, #C3E7DD, #6CB0C3, #0C915E, #285144)
• Pale Ultramarine color palette (#E7DDD5, #6699BA, #0E51B4, #003B3E, #08002A)
• Quiet Bloom color palette (#ACF8E4, #43C1AC, #008A7B, #004F40, #001A17)
• Plum Boulevard color palette (#DCEDD2, #009C86, #BE419E, #C0005C, #00261F)

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