Tempered Lagoon color palette — #FFF2ED · #FFAFAA · #09C5E0 · #E02638 · #00353E

Crimson and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#FFAFAA): A whisper-light, balanced orange — the color of autumn markets.
• Cyan (#09C5E0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Crimson (#E02638): A full-bodied, vivid orange — the color of toasted spice.
• Deep Teal (#00353E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Gentle Rust Coast color palette (#FFF2EA, #FFA676, #08B8EA, #B85300, #002D3C)
• Worn Garden color palette (#FFF1F1, #FFA6DE, #00C6CE, #C73F9E, #003639)
• Soft Amber color palette (#FFF3E7, #FFC892, #94BBFF, #C37500, #24385B)
• Dusty Dune color palette (#FFF2EA, #FB8449, #00A6AB, #A24100, #001D1E)
• Weathered Basin color palette (#FFF1F0, #FF8480, #00B4B8, #0091C8, #3A1312)
• Linen Brick Atelier color palette (#FFEAFD, #EA696E, #0093A8, #AC002A, #00262C)
• Lime Lagoon color palette (#FFF0FB, #FFAC9E, #9BC938, #E76C5A, #2F4200)
• Quiet Lime color palette (#FFF1F0, #FFA9D0, #86C500, #CD3D8C, #213500)

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