Tempered Lagoon color palette — #F4F6ED · #C0DFEB · #7EC5EA · #3E8F9C · #20483C

Sky and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Powder Blue (#C0DFEB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7EC5EA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#3E8F9C): A luminous, balanced blue — the color of open sky before noon.
• Forest (#20483C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, 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

• Wandering Sky color palette (#F4F7E7, #D6D8E8, #30BEEF, #008691, #003A53)
• Lagoon Grove color palette (#F6F6E7, #87DDD9, #008B91, #005346, #001013)
• Softworn Parlor color palette (#FAF4F0, #C7E6E4, #90C3F0, #00AFA5, #38466A)
• Muted Grove color palette (#ECF0E2, #82BFE3, #006DA8, #003C4B, #000309)
• Weathered Jade Terrace color palette (#DCFFEF, #6EC7F3, #B19CE3, #3FA781, #0F3226)
• Hazy Balcony color palette (#E8FAF2, #A2DDFF, #E1A2DB, #0E95CB, #4D294A)
• Washed Basin color palette (#F8EFF4, #BEE2F7, #4994CE, #006D66, #1D2C44)
• Patina Turquoise Alley color palette (#E7E8DB, #5CB1BD, #005F71, #002B2B, #000102)

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