Tempered Lagoon color palette — #F1F7F2 · #D6DEEE · #83BAD6 · #249995 · #405569

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D6DEEE): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#83BAD6): A luminous, dusty blue — the color of deep harbor water.
• Fern (#249995): A luminous, balanced teal — the color of sea glass.
• Peacock (#405569): A full-bodied, 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

• Tempered Turquoise color palette (#EBF7FF, #D8DAE4, #BEA7AC, #64B2BC, #435566)
• Ancient Driftwood color palette (#F9F4ED, #BFE2EE, #99D2D3, #7D9B7B, #38544D)
• Timeworn Petrol Coast color palette (#DBE7DD, #89B9CF, #0080A5, #005A54, #002238)
• Aged Cerulean Ridge color palette (#E3FAFF, #97DADF, #42AFC7, #1781A6, #32536E)
• Ancient Lantern color palette (#EBF7FE, #8ED0E6, #E49E7C, #009CBE, #624154)
• Cerulean Canyon color palette (#E6F2E8, #97D1CD, #0098A4, #006F4F, #003441)
• Antique Ridge color palette (#E3EEE5, #639BB4, #005D91, #003B3F, #00081E)
• Taupe Lantern color palette (#EBF7FF, #78BCDA, #CB90AD, #98974F, #2E4654)

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