Tempered Lagoon color palette — #FAF4F0 · #C8DBE3 · #B9C0F2 · #54A19B · #5B4557

Eucalyptus and Lavender set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C8DBE3): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#B9C0F2): A luminous, dusty violet — the color of a velvet chair.
• Eucalyptus (#54A19B): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#5B4557): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication, Softness, Clarity. 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

• Timeworn Station color palette (#FBF4EE, #C3E1F0, #90BFF5, #009595, #363C5F)
• Ancient Ash color palette (#FBF2F7, #D7E0F1, #7C9DBD, #487781, #475367)
• Hushed Pier color palette (#FFF2F0, #E1D9D0, #BDA2D0, #9EB2B1, #624D47)
• Ancient Teal Harbor color palette (#FFF2F0, #F7B7CA, #72D0B0, #3FB7AA, #48322F)
• Washed Lagoon color palette (#FFF2EB, #9ED6E8, #0082C3, #00524A, #000434)
• Ultramarine Ridge color palette (#FAEBDE, #8BBDE4, #2F5CD0, #003D43, #030011)
• Patina Cerulean color palette (#FEF2ED, #D0EFD3, #00A2C5, #006D4A, #002136)
• Muted Bronze Pier color palette (#FFF3E9, #DEDEC2, #C9A789, #A86748, #503C00)

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