Tempered Lagoon color palette — #FCF3EE · #C6EBD2 · #6FBCE7 · #2EA08A · #203B60

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

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Celadon Mist (#C6EBD2): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#6FBCE7): A luminous, balanced blue — the color of open sky before noon.
• Fern (#2EA08A): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#203B60): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Ancient Periwinkle Archive color palette (#F5EDE5, #ADE0CF, #7CA4ED, #008F9A, #2A2655)
• Washed Teal color palette (#FAF4EE, #BFECEE, #9EBFF0, #3EAAAF, #5C3C51)
• Ancient Cypress color palette (#EDF8F6, #B7DBEB, #56A1BA, #007B80, #193F55)
• Azure Orchard color palette (#F3E7DF, #8FCAE1, #4498DD, #007E77, #0D194A)
• Cobalt Lantern color palette (#F7E3D9, #6DABBF, #137BB7, #005E55, #00022C)
• Antique Hollow color palette (#EBF2DD, #79D69E, #E591C5, #3FA86E, #4F2440)
• Cobalt Bloom color palette (#F6F0F4, #A7CEE0, #2985B3, #005D4F, #0B203E)
• Wandering Field color palette (#F1F9E4, #B5FAF7, #ABDAFF, #9FAA6D, #364A2E)

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