Tempered Lagoon color palette — #FAF3F8 · #D5D4E2 · #8EC2E2 · #4A9181 · #2E4057

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Silver (#D5D4E2): a clean, paper-quiet neutral.
• Sky (#8EC2E2): A luminous, dusty blue — the color of open sky before noon.
• Fern (#4A9181): A luminous, dusty teal — the color of shallow lagoons.
• Navy (#2E4057): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hushed Cerulean color palette (#FBF2F5, #D9D4DE, #C3BDE5, #5F9DA8, #474C61)
• Frosted Sky color palette (#FCF2F9, #D4D4E2, #04BEF9, #008B6E, #093660)
• Washed Cerulean color palette (#ECF4F3, #C2E2F1, #359BBA, #006C71, #132F41)
• Antique Garden color palette (#FEF1F6, #9BD3FD, #5478BF, #005057, #0C0031)
• Dusty Powder color palette (#F1F5FF, #B1B2FF, #BCAA5D, #959752, #212A43)
• Softworn Terrace color palette (#FAF3F0, #C8E5D1, #3594C5, #007361, #563E56)
• Denim Orchard color palette (#F6E9F2, #64B1B3, #005E73, #002D1B, #000103)
• Muted Petrol color palette (#FAE8F2, #78C2E0, #006BB0, #003E3B, #010015)

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