Tempered Lagoon color palette — #D2ECDF · #AD3D27 · #3D383F · #00222F · #000306

A conversation between Brick and Midnight, giving this palette its sense of sophistication.

The five colors

• Honeydew (#D2ECDF): A whisper-light, dusty teal — the color of sea glass.
• Brick (#AD3D27): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#3D383F): quiet, heavy and certain.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000306): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, 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

• Washed Ember color palette (#E1EEF8, #DF4900, #003D56, #00121C, #000205)
• Lowlit Bronze color palette (#F4E0F4, #975500, #001D42, #1A0806, #00030B)
• Antique Ridge color palette (#E4F0E5, #587900, #493C3F, #002224, #000606)
• Navy Terrace color palette (#E4F0ED, #AB9AA5, #86719C, #003863, #000604)
• Shadow Garnet Orchard color palette (#D6E7DF, #004A65, #690029, #231C00, #000201)
• Tempered Parlor color palette (#FCEDF3, #9AC08F, #5E458A, #3A1C2A, #15070E)
• Aubergine Summit color palette (#E2F5EA, #00738E, #4C007B, #002F3C, #040001)
• Aged Petrol Dune color palette (#E9F5F1, #E8B7A0, #326593, #193830, #0D1614)

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