Tempered Lagoon color palette — #F8DAD3 · #E46F1C · #A86C00 · #685000 · #242400

Built around Tangerine, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F8DAD3): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#E46F1C): A luminous, vivid orange — the color of toasted spice.
• Ochre (#A86C00): A full-bodied, balanced gold — the color of old brass.
• Bronze (#685000): A full-bodied, balanced gold — the color of old brass.
• Onyx (#242400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Ancient Amber color palette (#F3DBCE, #BB7D00, #826200, #4E5200, #0F1700)
• Hushed Scarlet color palette (#F5D6E0, #E96871, #DA3300, #894800, #311C00)
• Wandering Amber color palette (#FEECD2, #AF9500, #737E00, #396900, #002D14)
• Ancient Cobalt color palette (#FEEBD0, #DEA438, #007EDA, #946700, #001B36)
• Misty Study color palette (#F0DDC2, #CACD9D, #4CD19B, #D2531F, #2E2800)
• Amber Grove color palette (#FFE5D4, #F8BB8B, #DBA54B, #A78C00, #454A19)
• Muted Grove color palette (#EDDFBE, #857B00, #566800, #00480F, #000B05)
• Muted Wisteria color palette (#E4ECFF, #C090FF, #837C00, #363300, #0C0800)

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