Tempered Lagoon color palette — #FAF2F9 · #A9E8ED · #21A9DE · #00884D · #233F6D

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Sea Foam (#A9E8ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#21A9DE): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00884D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#233F6D): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Sunlit Periwinkle color palette (#FCF2F7, #B0E3FE, #619AF8, #008478, #3F356F)
• Navy Garden color palette (#FFF0FC, #97D7E1, #0097D5, #00764D, #0D287A)
• Aqua Coast color palette (#EEF8F0, #99F6FE, #00CBF0, #30A68F, #034660)
• Timeworn Lagoon color palette (#F9F3F7, #D7DFEE, #8DB6DC, #529580, #47526B)
• Ancient Cerulean color palette (#EFF6FF, #EBD5E4, #FFACBF, #0095B8, #404065)
• Feathered Terrace color palette (#F9EAF1, #87B8D8, #5070C1, #005956, #241245)
• Linen Ultramarine Study color palette (#FAEBF2, #609BB6, #0053B4, #003C35, #0A0028)
• Muted Petrol Field color palette (#EEE1EF, #6CAFB2, #007092, #004E23, #001330)

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