Tempered Lagoon color palette — #F1F8EB · #84BEA9 · #BA905B · #008768 · #514C46

Fern and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F1F8EB): a clean, paper-quiet neutral.
• Mint Leaf (#84BEA9): A luminous, dusty teal — the color of glacier melt.
• Caramel (#BA905B): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#008768): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#514C46): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged 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

• Petrol Balcony color palette (#ECF9F1, #7DBBCE, #8FA165, #007F9A, #4E4D46)
• Hushed Olive Terrace color palette (#F6F6E8, #9EBA8B, #53A4C6, #568132, #2D5745)
• Washed Lagoon Workshop color palette (#ECFAEA, #C5E4DD, #A1CDC8, #5C9282, #3F503F)
• Blush Meadow color palette (#EDF5E7, #7EC3B0, #D27EA1, #22836D, #462725)
• Hushed Dune color palette (#EFF8F0, #79BEBF, #9C8DD0, #008386, #624252)
• Dusty Blush Corridor color palette (#E8F9FA, #8DD6BC, #EB93AB, #42A083, #56465C)
• Bronze Workshop color palette (#F9F5EA, #BFB89F, #967D36, #775809, #534800)
• Ancient Cypress color palette (#F0F7F2, #C2C49B, #226972, #20412A, #192927)

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