Tempered Lagoon color palette — #E9DCE6 · #2D8691 · #00415D · #002111 · #00000B

A conversation between Cerulean and Navy, giving this palette its sense of nature and growth.

The five colors

• Silver (#E9DCE6): a clean, paper-quiet neutral.
• Cerulean (#2D8691): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00415D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#002111): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Muted Meadow color palette (#FBE8EF, #4280A5, #162F89, #001F1E, #020008)
• Aged Denim color palette (#F1EADF, #5EB0BD, #005E76, #002C27, #000103)
• Cobalt Terrace color palette (#F2E5EB, #87BCD4, #336AB6, #004C43, #140D35)
• Cocoa Balcony color palette (#FFE4F5, #852800, #00444A, #3A0D00, #000102)
• Fern Dune color palette (#CAE9D6, #435C00, #322900, #190A00, #000200)
• Linen Cobalt color palette (#FDECF7, #95DCF3, #4787C4, #006451, #1D1F4A)
• Hushed Olive color palette (#EFD8D5, #B4834C, #4F7000, #4B0043, #050100)
• Twilit Meadow color palette (#F8DEDA, #740109, #00364C, #101C35, #050000)

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