Tempered Cobalt Lagoon color palette — #FAF4EF · #9FD2BE · #3877CE · #005F63 · #34375A

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

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Pistachio (#9FD2BE): A whisper-light, dusty teal — the color of sea glass.
• Azure (#3877CE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005F63): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#34375A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Frosted Study color palette (#FFF2EB, #7CC4DB, #0074B2, #00564F, #172E67)
• Gentle Forest color palette (#FDF3ED, #8CDFDD, #008EA7, #006A3F, #004565)
• Muted Azure color palette (#F3F7E9, #A7DCFF, #649BCB, #237691, #4A2F4C)
• Antique Summit color palette (#EDE0DA, #389FAF, #00516E, #003126, #00142D)
• Soft Ultramarine color palette (#E7DCD0, #7EA3C5, #334BB0, #003D45, #211444)
• Tempered Hollow color palette (#FFDBD8, #B84F82, #00805E, #00657E, #431F1E)
• Aged Navy Boulevard color palette (#F7EADD, #4687B6, #0B2E92, #002226, #0A0028)
• Ancient Alley color palette (#FFF2EF, #FFC4B6, #D7AE64, #885083, #57382D)

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