Tempered Lagoon color palette — #DFF7FA · #00A588 · #84507A · #533D00 · #291C00

Fern and Graphite set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#DFF7FA): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#00A588): A luminous, balanced teal — the color of sea glass.
• Graphite (#84507A): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Olive (#533D00): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#291C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Balance. Tagged 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

• Airy Terracotta color palette (#E3F5FE, #2E9DAF, #974855, #1D4C22, #002705)
• Tempered Cocoa Dune color palette (#EAF8FF, #4195AB, #744F97, #7A2A15, #2E3F00)
• Weathered Turquoise color palette (#EBF3FA, #65A5C7, #956541, #5B4A1B, #082F1F)
• Powdered Grove color palette (#C0E9F2, #00837C, #8A0056, #2B3000, #0E1000)
• Garnet Archive color palette (#E9F5ED, #A38B47, #2C6C8E, #6F2516, #271D00)
• Muted Lagoon Chapel color palette (#EAF6EC, #8CC0B0, #4E8263, #365A6C, #0E2E25)
• Hazy Corridor color palette (#F5F7EA, #80B47F, #7078C3, #7F5400, #1E411E)
• Aqua Lantern color palette (#EAFAF0, #4DCDEC, #9A79B8, #884732, #1F3203)

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