Tempered Coral color palette — #ECF9F3 · #6AC1E9 · #C76E6E · #5C6F38 · #1D2C25

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

The five colors

• Ivory (#ECF9F3): a clean, paper-quiet neutral.
• Sky (#6AC1E9): A luminous, balanced blue — the color of open sky before noon.
• Coral Clay (#C76E6E): A luminous, balanced orange — the color of toasted spice.
• Olive (#5C6F38): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#1D2C25): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Softworn Courtyard color palette (#EBF9F4, #9DD2FF, #D27D8C, #56763D, #2E3E23)
• Wandering Amber color palette (#FCF2F8, #AAACE9, #D7804E, #497C5B, #32232E)
• Ancient Peony Harbor color palette (#F0F8ED, #74C3B2, #B86FB2, #7E6B3A, #1D2718)
• Muted Powder Lantern color palette (#EFF6FF, #99B8FF, #D191BA, #58978B, #2A3741)
• Hazy Rust color palette (#E1FDF2, #1BA9EA, #AE4600, #00683B, #00150E)
• Cerulean Parlor color palette (#EFF6FD, #5C8FC3, #905049, #525217, #1B353D)
• Tempered Lilac Study color palette (#F7F6E6, #C7DFFF, #BA8ED1, #687A54, #493A44)
• Frosted Olive Harbor color palette (#FEF1FA, #A2A9FF, #818500, #09698A, #041B12)

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