Tempered Terrace color palette — #FFF0FA · #FE6136 · #008C6C · #0053A6 · #212863

Built around Tangerine, softened by Cobalt — the whole palette hums with trust and stability.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Tangerine (#FE6136): A luminous, vivid orange — the color of autumn markets.
• Fern (#008C6C): A full-bodied, balanced teal — the color of shallow lagoons.
• Cobalt (#0053A6): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#212863): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged vibrant, 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

• Coral Thicket color palette (#FFF0FE, #FF5968, #008F4A, #005D82, #002C6A)
• Worn Tangerine Coast color palette (#FFF0F7, #EA7700, #008987, #3B48AC, #3E1F56)
• Muted Lantern color palette (#F3D8EA, #E6460E, #007745, #32348D, #201445)
• Airy Loft color palette (#FFF2EA, #FF8A47, #279638, #005685, #3F0031)
• Wandering Rust Hollow color palette (#FFF0FA, #CE4E2B, #006577, #004469, #252255)
• Quiet Orchard color palette (#ECFAEC, #DB9400, #009393, #6E4D85, #432D53)
• Peony Lantern color palette (#F9F2FF, #FF48A9, #7B7E00, #005E7E, #003259)
• Washed Mustard color palette (#FFDEDA, #E0B068, #8A9A5D, #617090, #3F466D)

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