Tempered Lagoon color palette — #F2F5FE · #CABA78 · #06A386 · #227B8C · #212B38
A conversation between Fern and Sand, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F5FE): a clean, paper-quiet neutral.
- Sand (#CABA78): A luminous, balanced green — the color of new leaves after rain.
- Fern (#06A386): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#227B8C): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#212B38): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Ancient Moss color palette (#FCF2F6, #E8A96C, #68A85C, #2D796D, #1B2932)
- Turquoise Alley color palette (#E9F9F6, #8DC07F, #00ABC7, #4774A4, #252634)
- Washed Thicket color palette (#FEF1F9, #F9A291, #7CB391, #569C95, #2F2F3F)
- Weathered Taupe Orchard color palette (#EBFAEC, #FFD2B7, #C29A63, #5A7D5B, #4E3841)
- Aged Moss Quarry color palette (#E6FBF5, #64A82C, #007B8B, #004C8E, #0B0B22)
- Aged Basin color palette (#FDEEEA, #B37575, #487E5F, #035069, #28151A)
- Linen Fuchsia Lagoon color palette (#F5F4FF, #D168F2, #008F90, #005B85, #0D122E)
- Weathered Moss Orchard color palette (#DFFDF5, #6A8D00, #00717B, #003B64, #01000C)
Browse the whole catalog at Explore, or see today's palette.