Soft Cobalt color palette — #FFEEE6 · #7AE2EF · #008EC3 · #00663E · #0F234B

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
• Ice Blue (#7AE2EF): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#008EC3): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00663E): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#0F234B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Soft Cobalt 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

• Powdered Hollow color palette (#FFEEE5, #50CEE5, #0079B3, #00543A, #0A1442)
• Antique Loft color palette (#FEEFE2, #9FD8FC, #527CE4, #00625E, #271C44)
• Cerulean Study color palette (#FAEFED, #ADEAE4, #439BB1, #486844, #12332B)
• Aged Azure Veranda color palette (#FDF1FA, #ACE7EE, #29AAD7, #008667, #13426B)
• Washed Basin color palette (#F8F0EB, #C6E7E5, #AD91B1, #5F7252, #422F3C)
• Tempered Terrace color palette (#FAEBE5, #009DA3, #00516B, #002E13, #000411)
• Chalky Station color palette (#F6EAE0, #4CA6DC, #304EAE, #003937, #0F0126)
• Chalky Navy Veranda color palette (#F8E8DB, #1E82AF, #002E93, #001F1D, #020009)

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