Tempered Lagoon color palette — #F9EEF4 · #A9CDE4 · #477DC1 · #005D50 · #161E3C

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

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Sky (#A9CDE4): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#477DC1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D50): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#161E3C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Study color palette (#EFF8F1, #91CFE9, #3A7FAD, #005F64, #243B5B)
• Antique Iris color palette (#EFF3EE, #CADFF3, #7C89C5, #006C6F, #282846)
• Ancient Forest color palette (#EFE5EF, #7EC1BF, #007792, #005011, #00172E)
• Raspberry Station color palette (#E4DFED, #B94B9E, #007E81, #175F7A, #190D26)
• Dusty Navy Station color palette (#ECE0E5, #2F82A6, #003680, #00201B, #010009)
• Dusty Lagoon Hollow color palette (#F5EAF4, #0F9DA1, #00516A, #002E12, #000410)
• Ultramarine Chapel color palette (#F8EAF0, #5FA5CD, #2750AF, #003A36, #0E0029)
• Wandering Terrace color palette (#F4EFFF, #FFC7C9, #D3AF4F, #726497, #2F2032)

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