Tempered Lagoon color palette — #F0F8EC · #349D8B · #177B6B · #59497C · #3A3731
Fern and Teal set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#F0F8EC): a clean, paper-quiet neutral.
- Fern (#349D8B): A luminous, balanced teal — the color of sea glass.
- Teal (#177B6B): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#59497C): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#3A3731): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged jewel, vibrant, 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
- Dusty Petrol color palette (#F4F7EA, #63936E, #007289, #6F3C54, #31332C)
- Cocoa Hollow color palette (#F6F6EC, #768E50, #3A7860, #095A72, #5D2300)
- Ancient Fern color palette (#FFF2ED, #A5AD7A, #478381, #774B50, #474D00)
- Tempered Cypress color palette (#FFF3E3, #C0C790, #5C9475, #006767, #00516A)
- Linen Grove color palette (#E3FDEC, #007284, #235176, #5E0070, #272000)
- Ancient Taupe Coast color palette (#F8F5EB, #9A9D5E, #6B6B99, #754056, #5C3734)
- Timeworn Aubergine color palette (#DFFEE8, #006D7C, #4600AB, #3D2B00, #00191D)
- Timeworn Driftwood color palette (#F6F5EE, #D6DCD7, #A2ADB5, #8F833A, #54534B)
Browse the whole catalog at Explore, or see today's palette.