Tempered Lagoon color palette — #F2F3E7 · #B3D1B3 · #318A92 · #005C51 · #012813

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F3E7): bright and airy, almost weightless.
• Pistachio (#B3D1B3): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#318A92): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C51): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#012813): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, 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 Drift color palette (#F1F3E8, #A6D3BF, #2B84B5, #005969, #00223C)
• Weathered Lagoon color palette (#E1E2D1, #2A878D, #00444D, #001F1D, #000202)
• Hushed Turquoise Parlor color palette (#ECF8F5, #B8DBE6, #08A9B5, #007D70, #00434D)
• Patina Denim color palette (#E7E8D8, #6EA7AF, #006374, #003938, #000D13)
• Hushed Orchard color palette (#E6E1CD, #A1996F, #676832, #473F09, #1B1900)
• Aubergine Summit color palette (#FAE2E7, #B474C5, #008AA8, #763288, #002029)
• Airy Quarry color palette (#F7D6DA, #AA57A6, #AA5039, #395999, #220721)
• Antique Station color palette (#FFEDEE, #FCCDCE, #DC99AB, #885F91, #391719)

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