Tempered Lagoon color palette — #DEE3EB · #BCC4D7 · #9EA4BA · #435BA6 · #181F2C

Cobalt and Blue Fog set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#DEE3EB): a clean, paper-quiet neutral.
• Stone (#BCC4D7): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#9EA4BA): A luminous, dusty violet — the color of a velvet chair.
• Cobalt (#435BA6): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#181F2C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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 Terrace color palette (#DBDEE6, #AFB2CE, #9391B3, #554587, #101320)
• Cornflower Ridge color palette (#E4DDE2, #CBBBBC, #BE9F9B, #4877ED, #261B25)
• Aged Lagoon color palette (#F3F4FF, #DCDBF1, #BFB8DC, #8664B2, #303144)
• Iris Loft color palette (#E7E6FF, #94B2FF, #947FFF, #8C4FB3, #1F073F)
• Aged Lilac Studio color palette (#E4DDF2, #B481C0, #86607D, #683625, #3E2104)
• Gentle Pine color palette (#DDF6EE, #72A25C, #0D7428, #004F54, #00201C)
• Shadow Grape color palette (#E3E7F8, #7400E5, #301543, #2E1E22, #06071A)
• Hazy Violet color palette (#F4E5F3, #7E5BFF, #7825A9, #6D0418, #1A0C32)

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