Tempered Lagoon color palette — #F5F6EE · #CCE4CB · #339BA2 · #007264 · #31503B

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Celadon Mist (#CCE4CB): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#339BA2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007264): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#31503B): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Hushed Cerulean Courtyard color palette (#F7F0EC, #CAE5CA, #249DB7, #196F47, #143329)
• Worn Cerulean color palette (#F5F6EF, #AECEB7, #26859C, #005F61, #004155)
• Aged Abyss Hollow color palette (#EAECDE, #5A9BA2, #005360, #00302E, #00171F)
• Muted Petrol Summit color palette (#F4F6EE, #C7E4D8, #5D90B9, #006D87, #573D5A)
• Antique Bronze color palette (#F5F7E2, #66985B, #008B98, #8E5D00, #383932)
• Ancient Turquoise color palette (#F9F3F7, #C0EEFA, #29B7D3, #4B8A65, #2E4B61)
• Pine Chapel color palette (#F1FBD5, #8BC099, #3A8859, #00512B, #00371A)
• Ancient Olive Basin color palette (#F3F8E6, #C3E8D1, #8BD3E3, #578749, #485A15)

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