Tempered Lagoon Quarry color palette — #F9F3F7 · #C8E6F3 · #73BAEA · #30A276 · #2B395E

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#C8E6F3): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#73BAEA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#30A276): A luminous, balanced teal — the color of sea glass.
• Navy (#2B395E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Lagoon Quarry 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

• Emerald Corridor color palette (#FCF1FC, #9AEAEA, #00BCEB, #009F40, #003363)
• Misty Pier color palette (#F6EBEF, #BBD7EE, #82A2EF, #00918C, #332059)
• Teal Alley color palette (#F9F3F8, #D5D5E6, #9ACEEF, #72B290, #455368)
• Azure Bloom color palette (#FAF4EC, #BDDEC7, #3AA2C8, #007D74, #053F5F)
• Chalky Lagoon color palette (#D7F6F3, #91D0A0, #F993DA, #00A24D, #522044)
• Feathered Peony color palette (#C9ECF2, #24C8B6, #CB85DF, #D8579D, #003239)
• Tempered Taupe Archive color palette (#DBFEFA, #B2E4FC, #C0BEF0, #B6AA59, #0B4A4F)
• Cobalt Alley color palette (#F1E3EC, #68ACBF, #0079C2, #005F49, #05002C)

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