Tempered Lagoon color palette — #FAF3F7 · #D3DDF3 · #70AAE0 · #008D86 · #3A466A

Fern and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Powder Blue (#D3DDF3): A whisper-light, dusty violet — the color of a velvet chair.
• Cornflower (#70AAE0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008D86): A full-bodied, balanced teal — the color of sea glass.
• Navy (#3A466A): A full-bodied, dusty violet — the color of a velvet chair.

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

• Softworn Powder color palette (#ECF8F7, #D2DCF4, #7BC8F3, #5CA5B3, #344A5E)
• Cerulean Veranda color palette (#F4F6EF, #C5E5D4, #4C93B8, #006F7D, #2E4F45)
• Patina Denim Drift color palette (#E6DCE3, #539FAC, #006082, #003D30, #00091A)
• Hazy Jade Station color palette (#FCF1FF, #DF869E, #50AE80, #009A93, #423147)
• Patina Forest Study color palette (#F7E8F2, #7AC0BD, #008398, #005D36, #002235)
• Frosted Ultramarine color palette (#E8DBE1, #71AACB, #0260CC, #004A4C, #100144)
• Antique Cobalt color palette (#F6EBF0, #9CCCE5, #4689D2, #006C6C, #20265F)
• Softworn Station color palette (#FAF1FF, #EBD5DB, #D5D5A3, #A782B6, #534254)

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