Tempered Lagoon color palette — #F7F6E9 · #C8D7AC · #2F9C99 · #7E556A · #232C0D

Cerulean and Graphite set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Pistachio (#C8D7AC): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#2F9C99): A luminous, balanced teal — the color of sea glass.
• Graphite (#7E556A): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Forest (#232C0D): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Grove color palette (#FBF4E8, #C5D8A8, #4F9C75, #7F5C15, #2D2903)
• Timeworn Teal color palette (#E9FAF5, #ACD6B2, #68B195, #A47958, #053E3B)
• Cypress Pier color palette (#EAF9F3, #79A887, #00726C, #524364, #0F3D3C)
• Patina Lagoon Coast color palette (#F7F6E5, #89CBB0, #00878D, #425A23, #001E14)
• Muted Summit color palette (#F3F3E3, #82AC89, #007758, #623C1D, #1B1E0A)
• Ancient Mint Terrace color palette (#F0FBD5, #53C683, #B37EC4, #9A5BAD, #181F00)
• Tempered Lagoon color palette (#F6EFDC, #598858, #00473C, #1E1C00, #000200)
• Chalky Garden color palette (#DCFFE9, #A6E5AF, #38A071, #005F32, #001705)

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