Tempered Lagoon color palette — #FDECF7 · #90B796 · #338590 · #773E45 · #0F3235

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

The five colors

• Blush (#FDECF7): A whisper-light, dusty pink — the color of peonies in June.
• Sage (#90B796): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#338590): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#773E45): A full-bodied, dusty red — the color of late-summer berries.
• Deep Forest (#0F3235): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Timeworn Chestnut Ridge color palette (#FEECF2, #70BAB9, #567BA4, #704811, #18303A)
• Garnet Bloom color palette (#EBF4F1, #94A46C, #3D78A2, #763247, #2F2700)
• Teal Grove color palette (#E6FBF5, #6CB9A3, #2C8687, #485880, #334D51)
• Cerulean Veranda color palette (#EAF5F2, #AACBCA, #5C8C95, #446A61, #1D3636)
• Antique Jade Coast color palette (#FFEBF8, #00AA84, #006B8C, #6E2000, #002220)
• Dusty Cerulean Station color palette (#FFF2EB, #97CDA2, #41A2B0, #945D64, #414C38)
• Washed Ridge color palette (#F5F7E9, #ADEBE0, #57B2BB, #626DAB, #354434)
• Lagoon Courtyard color palette (#E0F1F4, #3C9387, #293F4A, #0F2125, #050F0E)

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