Tempered Amber Lagoon color palette — #FFF1F6 · #D97600 · #008EA1 · #894900 · #00434C

A conversation between Mustard and Burnt Sienna, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D97600): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#008EA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Burnt Sienna (#894900): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#00434C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Tempered Amber 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

• Hushed Amber color palette (#E2F4E3, #B9820F, #0181BB, #734F00, #003A57)
• Dusty Brick Archive color palette (#FFF0FC, #E86458, #008CAD, #AE050F, #004252)
• Wandering Cabin color palette (#F8D2E0, #B56A00, #0073A1, #6B3C00, #002D42)
• Pale Emerald Workshop color palette (#FFEEE2, #D97D43, #009D46, #8F4200, #00290D)
• Hushed Iris Delta color palette (#EBFAED, #B99B5C, #8D7BC9, #806000, #443C60)
• Aged Mulberry color palette (#FDF0FF, #DF6681, #009570, #AB0047, #004633)
• Weathered Ember color palette (#FFE2F1, #D36416, #007F9D, #0F56A5, #4D2207)
• Quiet Thicket color palette (#FFF1F7, #EF9553, #28B860, #B45C00, #00481F)

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