Tempered Terrace color palette — #F4D2EC · #F66050 · #0097A8 · #B52018 · #002F35

A conversation between Coral Clay and Ruby, giving this palette its sense of trust and stability.

The five colors

• Thistle (#F4D2EC): A whisper-light, dusty pink — the color of a candy shop window.
• Coral Clay (#F66050): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#0097A8): A luminous, balanced blue — the color of open sky before noon.
• Ruby (#B52018): A full-bodied, vivid orange — the color of autumn markets.
• Deep Forest (#002F35): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Warmth, Comfort, Balance. Tagged warm.

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

• Tangerine Villa color palette (#FFE6F6, #FD7D4F, #00A5CB, #AC5536, #003C4B)
• Tempered Veranda color palette (#EDD6E7, #CC513C, #007981, #891200, #003033)
• Peony Market color palette (#E8D6F2, #FA4A9A, #009C85, #A72C65, #003129)
• Antique Apricot color palette (#F9D2E1, #EF8E28, #007FB7, #915100, #002C44)
• Scarlet Field color palette (#F5D6CA, #F58D85, #00B3D5, #F10C2B, #002F39)
• Gentle Ember Workshop color palette (#FFEAE5, #EA4100, #009255, #5760AF, #301329)
• Brick Drift color palette (#FFF2EC, #EA8E79, #6DA514, #B42500, #0F1D00)
• Airy Petrol Courtyard color palette (#EFE5D9, #A26A00, #006AAC, #5F3D00, #001021)

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