Tempered Lagoon color palette — #FCF2F6 · #D8D4DF · #A5BBE9 · #3B928C · #373C5C

Fern and Sky set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Silver (#D8D4DF): a clean, paper-quiet neutral.
• Sky (#A5BBE9): A luminous, dusty violet — the color of wild irises.
• Fern (#3B928C): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#373C5C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, 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

• Turquoise Parlor color palette (#F9F4ED, #C1EAEC, #91C1F9, #41A8BC, #593D54)
• Muted Turquoise Meadow color palette (#FBF2FB, #D2D5E5, #46B5D9, #3C8047, #122F4F)
• Gentle Moss color palette (#E1FCF5, #BFE29C, #BEACFE, #6F993A, #3A305A)
• Azure Canyon color palette (#EDF4EE, #C8E0F3, #5590D5, #006A7A, #1D2C45)
• Antique Cobalt color palette (#FAF4EF, #C3E5D8, #6F89C1, #00716B, #5D3C4D)
• Tempered Denim color palette (#F7E8F1, #74ABBE, #005697, #002C23, #01000A)
• Ancient Cobalt Bloom color palette (#FFF0FC, #8BDBE4, #0085B6, #005532, #00072E)
• Lapis Pier color palette (#E8F1E7, #8ABCEB, #5058C4, #003D40, #05000D)

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