Tempered Lagoon Bloom color palette — #F1F8EC · #8CD6BB · #9DB0DF · #4A9E82 · #5E4359

Fern takes the lead with Lagoon close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#F1F8EC): bright and airy, almost weightless.
• Lagoon (#8CD6BB): A luminous, balanced teal — the color of shallow lagoons.
• Mauve (#9DB0DF): A luminous, dusty violet — the color of a velvet chair.
• Fern (#4A9E82): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5E4359): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Creativity, Calm, Sophistication. Tagged light, muted, cool.

Use it as a design system

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

• Timeworn Cerulean color palette (#EBF9F0, #8BD0E4, #C4A3D1, #3A9AB2, #64424B)
• Worn Taupe color palette (#EEFAE4, #7AC2A9, #79ACCB, #9B9553, #40443D)
• Aged Pine color palette (#F2F7ED, #87BDA8, #C281A3, #0B8666, #663F53)
• Teal Canyon color palette (#E8F9FA, #B0F7DB, #B5CBFF, #5CAC8F, #364762)
• Softworn Moss Cabin color palette (#F6F7E6, #B0D09B, #DAA292, #74995A, #534B47)
• Lagoon Lantern color palette (#EFF8EC, #94D2C9, #C5AF7E, #399F93, #664700)
• Dusty Cypress color palette (#E7FDE0, #A5E2D7, #5FAB9E, #2C7B6E, #283D1F)
• Lilac Workshop color palette (#E2FEE0, #00C7C3, #9B84FF, #008986, #3B2E6B)

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