Tempered Coral color palette — #FDECFB · #D7807C · #689D64 · #5977B2 · #312130

Coral Clay and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FDECFB): A whisper-light, dusty pink — the color of a candy shop window.
• Coral Clay (#D7807C): A luminous, balanced orange — the color of sun-warmed clay.
• Moss (#689D64): A luminous, balanced green — the color of new leaves after rain.
• Slate (#5977B2): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#312130): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

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

• Amber Cabin color palette (#F4EFFF, #C284B4, #A58C19, #1E869B, #2A2435)
• Dusty Coral Delta color palette (#FFF2EE, #DA757B, #4B96A3, #507691, #503D37)
• Lagoon Meadow color palette (#E7F7E6, #C5904E, #00A29D, #876B9A, #1D2C1C)
• Washed Study color palette (#FBEEF2, #BC8855, #348FA9, #4F5C84, #2C1E23)
• Worn Coral Hollow color palette (#FFF2ED, #FC8C88, #82B47F, #7B92BF, #48403D)
• Ember Corridor color palette (#FFD7EE, #D35700, #008A63, #5B4DB7, #2D0C00)
• Driftwood Parlor color palette (#EBF5ED, #A3C5B1, #958056, #6D4D59, #1F302A)
• Ancient Oat Ridge color palette (#FCECFA, #E8D1D3, #CDD19B, #967FA2, #483842)

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