Tempered Lagoon color palette — #F9EBE4 · #6BC2C4 · #00748D · #005236 · #08314B
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#F9EBE4): bright and airy, almost weightless.
- Mint Leaf (#6BC2C4): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005236): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#08314B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Villa color palette (#F2E6E3, #9BBE9F, #027699, #004F24, #001434)
- Misty Corridor color palette (#F6EDE4, #74BAE8, #3064BE, #004F54, #29294E)
- Patina Cerulean Veranda color palette (#FEF2ED, #8CD2DD, #1983AB, #12614E, #48314B)
- Turquoise Villa color palette (#EFDCD1, #2EAFCF, #005D8D, #003F38, #091C45)
- Washed Iris color palette (#D8FDDC, #81C8F5, #858EDB, #28694D, #133E2D)
- Sunlit Terrace color palette (#E8F1EA, #A2E0E2, #00B8D3, #009478, #003345)
- Hushed Cabin color palette (#A6EDFF, #00A4BF, #00616F, #00323A, #001D26)
- Hushed Market color palette (#CEE4D8, #009881, #006F6F, #00444F, #1A2548)
Browse the whole catalog at Explore, or see today's palette.