Tempered Lagoon color palette — #FDF3EB · #A3D1BC · #5279B1 · #006156 · #38355B

Slate takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Pistachio (#A3D1BC): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5279B1): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#38355B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, 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

• Tempered Petrol Quarry color palette (#FFF2EB, #62C8DE, #0074B0, #00583F, #1D2970)
• Worn Cobalt color palette (#EEF3EF, #A9CDE5, #4781B2, #005A63, #0B1F42)
• Dusty Corridor color palette (#FAF4EC, #BADECE, #4F9CDB, #007A85, #223A63)
• Washed Parlor color palette (#FEF2EF, #CDE4CC, #4E95AD, #3C7042, #553E59)
• Cypress Villa color palette (#FBF3EF, #CAE8E7, #AB8DAD, #447A6E, #624A59)
• Pale Plum color palette (#E6F3E3, #00A399, #AA578E, #00645E, #512241)
• Hushed Cerulean color palette (#F1E1DA, #32A0A9, #00516E, #003219, #001135)
• Patina Garden color palette (#E9F0D4, #6CB56F, #007D57, #005A56, #1B3C5A)

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