Cobalt Terrace color palette — #FDF1F7 · #90D9FD · #3B82CB · #006665 · #333C66

Azure and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Ice Blue (#90D9FD): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#3B82CB): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006665): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#333C66): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Cerulean Loft color palette (#FFF0FB, #85E0E2, #008EAB, #006A46, #004469)
• Frosted Cobalt Station color palette (#FDEDF4, #9DDAF4, #4B84CE, #006356, #221953)
• Worn Sapphire color palette (#FFF1F6, #5CC4FB, #0068D9, #005558, #2A2B61)
• Frosted Thicket color palette (#FFF2E9, #ADE4FF, #6B9CE6, #008476, #3D3572)
• Linen Sky Lagoon color palette (#FBF4E9, #C4EBFF, #6FBEFE, #00A4B1, #203E71)
• Denim Terrace color palette (#F3E2EB, #459BB9, #004D7E, #00302D, #050D39)
• Airy Powder Drift color palette (#D8FFF4, #C0E4FF, #83B8FF, #5A7F3E, #004B4B)
• Teal Grove color palette (#D4FFFC, #00C9C0, #007B70, #004440, #002D2C)

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