Tempered Coral color palette — #FFF3E2 · #CA8178 · #726C31 · #3B4B78 · #5C3100

Built around Dusty Rose, softened by Cocoa — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Dusty Rose (#CA8178): A luminous, balanced orange — the color of autumn markets.
• Olive (#726C31): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#3B4B78): A full-bodied, dusty violet — the color of twilight just after sunset.
• Cocoa (#5C3100): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro, 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

• Wandering Olive Workshop color palette (#FFF3E8, #C38956, #4B773A, #534376, #403D36)
• Aged Ash Workshop color palette (#FBF6D9, #BD80B1, #945836, #12566D, #55322D)
• Weathered Amber color palette (#E7F7EA, #C98D62, #7A6A28, #004E65, #132912)
• Driftwood Harbor color palette (#FFF4E2, #E0A175, #988637, #006E8D, #413C36)
• Hushed Basalt color palette (#FDF4E5, #B3B28F, #498166, #6D5058, #494400)
• Dusty Amber color palette (#FFF2E9, #BC7449, #006C94, #1F487E, #2B3460)
• Aubergine Meadow color palette (#FFDEBF, #C75600, #475B00, #42008F, #392400)
• Dusty Workshop color palette (#EEE3D5, #986500, #33322C, #281D0E, #110C04)

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