Tempered Lagoon color palette — #FAE2F2 · #008A77 · #004868 · #370800 · #000202

A conversation between Fern and Navy, giving this palette its sense of trust and stability.

The five colors

• Blush (#FAE2F2): A whisper-light, dusty pink — the color of a candy shop window.
• Fern (#008A77): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004868): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#370800): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000202): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged retro, 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

• Patina Pine Lagoon color palette (#FDE9E2, #008F33, #004C53, #390018, #000201)
• Twilit Forest Orchard color palette (#F3DED3, #006756, #00354C, #300A00, #000E0F)
• Patina Field color palette (#F5DDC3, #008596, #1A2CA8, #291600, #000103)
• Midnight Aubergine color palette (#C3E7E8, #007A55, #390B9E, #2A0A00, #020100)
• Nocturne Abyss color palette (#DCEBF2, #544B4D, #005863, #17161D, #000610)
• Turquoise Alley color palette (#D9F2E9, #3CA4B9, #435F8B, #472B00, #130A00)
• Shadow Onyx color palette (#D5E8D5, #006167, #003444, #1A003C, #000203)
• Quiet Market color palette (#DDE1CF, #009BA7, #007393, #5914A2, #000E12)

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