Tempered Lagoon color palette — #E4F6F6 · #249263 · #294146 · #1D2C2C · #0F1618

Fern and Charcoal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E4F6F6): bright and airy, almost weightless.
• Fern (#249263): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#294146): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#1D2C2C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0F1618): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Lowlit Cypress color palette (#D4F6FC, #00796C, #003137, #011C21, #00080E)
• Timeworn Jade color palette (#EFF4E6, #54B181, #4E5D4E, #303E00, #22221C)
• Washed Loft color palette (#EEF4E6, #88C7A7, #73806B, #485D1A, #21221C)
• Turquoise Balcony color palette (#E7F9FF, #24ABB4, #A278A9, #88734C, #30464E)
• Midnight Courtyard color palette (#CAE2FC, #005D9D, #131945, #000E1F, #010108)
• Hushed Teal Harbor color palette (#E5F9FF, #56C4C3, #C58584, #318080, #5B445A)
• Dusty Stone Studio color palette (#E1FCF8, #A7C8CD, #849CA7, #706C7D, #564C59)
• Washed Lagoon color palette (#E5F5F8, #00917D, #26414A, #1F2B2D, #0F1619)

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