Tempered Lagoon color palette — #FDF3E9 · #AD7D4C · #01764D · #00468C · #54263E

Indigo and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Caramel (#AD7D4C): A luminous, balanced gold — the color of old brass.
• Pine (#01764D): A full-bodied, balanced teal — the color of shallow lagoons.
• Indigo (#00468C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#54263E): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Weathered Denim color palette (#F9F5EA, #A1996C, #387E74, #3A5189, #5D3248)
• Olive Villa color palette (#FFF2EC, #B67566, #5A6C16, #00525B, #3C2E5E)
• Powdered Loft color palette (#FFEEE7, #CD6E63, #007182, #403574, #1E1839)
• Navy Quarry color palette (#F3E6D1, #896900, #005947, #00306B, #440033)
• Pale Aubergine Garden color palette (#F1F4E1, #438A40, #005B7E, #5D0969, #471E00)
• Linen Courtyard color palette (#FBF2FC, #EC7E8E, #009583, #6D4C8C, #402F52)
• Aged Cerulean color palette (#F9F4ED, #C8E4D7, #5D8FBB, #006F7A, #583D56)
• Powdered Aubergine color palette (#E3E3D0, #477800, #004F5E, #3C0070, #420008)

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