Tempered Lagoon color palette — #EBF9EE · #A5D1FB · #4274DD · #004E63 · #090034

Sapphire and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF9EE): A whisper-light, dusty teal — the color of sea glass.
• Sky (#A5D1FB): A whisper-light, dusty blue — the color of open sky before noon.
• Sapphire (#4274DD): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#004E63): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#090034): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Cobalt Chapel color palette (#EBFAEE, #91D8EF, #0084B8, #005151, #000D1E)
• Muted Bloom color palette (#D4EFF8, #009AD5, #006BA7, #003975, #03002F)
• Wisteria Market color palette (#EEF6FF, #D6D9FF, #D894F4, #006993, #091531)
• Powdered Iris color palette (#E5F2E3, #92C6F4, #7687F2, #007C80, #28123F)
• Softworn Nightshade color palette (#F3E9DE, #7CA0C2, #364EAA, #003840, #0D002A)
• Patina Cornflower color palette (#E2F0FF, #2393FC, #AC6800, #004E8F, #0F0500)
• Azure Studio color palette (#EDF9EF, #CFE1F7, #00A6E8, #007273, #002548)
• Brick Pier color palette (#CEE3FF, #1872F2, #C80036, #216500, #000108)

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