Tempered Lagoon color palette — #FBE7F5 · #4F9898 · #005263 · #002E1A · #00050B

A conversation between Storm Blue and Peacock, giving this palette its sense of nature and growth.

The five colors

• Blush (#FBE7F5): A whisper-light, dusty pink — the color of neon signs at night.
• Storm Blue (#4F9898): A luminous, dusty teal — the color of sea glass.
• Peacock (#005263): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#002E1A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00050B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Timeworn Study color palette (#D3E7E2, #579D9C, #00545A, #00302A, #00181C)
• Navy Delta color palette (#F0E1E8, #42819C, #003D6C, #001F1E, #00000C)
• Cobalt Garden color palette (#D4E9EB, #55A1C7, #746FB7, #00503F, #000609)
• Muted Cypress color palette (#EFEFE2, #6FC8C8, #00757E, #003F37, #000304)
• Petrol Corridor color palette (#FCEDF8, #6ACDD9, #007DA3, #005440, #001B35)
• Hushed Garnet Corridor color palette (#C7EBF8, #00686C, #8C001F, #003133, #0B0001)
• Quiet Cornflower color palette (#FCEDF3, #AFD5F4, #5080D6, #006168, #211C4D)
• Hushed Basin color palette (#F7EFF4, #D5D2E8, #78A2C0, #40776D, #293749)

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