Tempered Terrace color palette — #FFF1F6 · #D17900 · #008BB1 · #005E78 · #170800

Mustard and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D17900): A luminous, balanced gold — the color of old brass.
• Cerulean (#008BB1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005E78): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#170800): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Marigold Basin color palette (#DFFFE3, #CC9825, #0076AF, #005A87, #130B00)
• Aubergine Grove color palette (#FFF1F5, #D78300, #007B7A, #660073, #280016)
• Weathered Alley color palette (#FFF0F7, #DC7000, #2F9700, #006164, #190700)
• Softworn Grape Summit color palette (#DCFFEC, #A19400, #008CAC, #751CA7, #0F0D00)
• Powdered Rose color palette (#FEF0FF, #FF336D, #009285, #00625A, #210006)
• Hazy Ridge color palette (#DFFEEA, #A38800, #7D63BD, #553790, #0B0700)
• Nightshade Boulevard color palette (#FADFC9, #9E4F00, #00656A, #3700A7, #341600)
• Antique Cobalt color palette (#E7FBF2, #A2A53E, #548BD6, #85437E, #001B11)

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