Tempered Lagoon color palette — #F0F8EB · #1F967D · #8A516B · #69403E · #35322B
Fern takes the lead with Graphite close behind in a set that reads as sophistication at first glance.
The five colors
- Ivory (#F0F8EB): bright and airy, almost weightless.
- Fern (#1F967D): A luminous, balanced teal — the color of shallow lagoons.
- Graphite (#8A516B): A full-bodied, balanced rose — the color of strawberry cream.
- Cocoa (#69403E): A full-bodied, dusty orange — the color of sun-warmed clay.
- Espresso (#35322B): quiet, heavy and certain.
Feels like: 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
- Muted Courtyard color palette (#F5F6E9, #6A8C46, #6F6398, #643F52, #39322F)
- Teal Chapel color palette (#F1F8EE, #28AE9C, #796598, #704A25, #403E37)
- Worn Studio color palette (#ECF9F1, #0098B5, #965F3B, #57504B, #383831)
- Washed Cerulean color palette (#EAF5F1, #4E8DB6, #306C92, #733844, #1A2012)
- Ancient Periwinkle Loft color palette (#EEF6FF, #75A4DE, #608ABF, #875670, #263C3A)
- Tempered Driftwood Courtyard color palette (#F2F7F0, #D0DFDD, #A7ADBA, #75886F, #4F544E)
- Mulberry Veranda color palette (#E7FCE8, #00757C, #95003D, #71002C, #2E2500)
- Powdered Cerulean color palette (#ECFDD2, #72CFCD, #3A8FAA, #396387, #394777)
Browse the whole catalog at Explore, or see today's palette.