Tempered Terrace color palette — #F8F5EF · #CCE6E8 · #C4A5C7 · #4293A3 · #63485F

Built around Cerulean, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#CCE6E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mauve (#C4A5C7): A luminous, dusty pink — the color of neon signs at night.
• Cerulean (#4293A3): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#63485F): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Wandering Powder color palette (#F0F7F1, #D9D5E0, #C0C2F2, #649CA8, #434E5F)
• Timeworn Periwinkle Basin color palette (#FAF4EF, #C5ECEE, #7D98D2, #317C77, #614B56)
• Tempered Cerulean color palette (#E9FAF4, #9ACBF0, #DCA475, #4194CB, #524C46)
• Ancient Turquoise color palette (#FBF2FC, #E9D6D9, #B1B5A8, #7BB3C9, #5B4C5B)
• Wandering Lagoon color palette (#F8F5EF, #CCE6DE, #7CBDC9, #47977E, #365144)
• Cobalt Garden color palette (#F2EADE, #7FBAD9, #2579BB, #005861, #051B49)
• Wandering Cerulean color palette (#F2EEE7, #A7D0B3, #0094BB, #006D64, #00314C)
• Weathered Petrol color palette (#FEF0FF, #E6C7E7, #7DA4D3, #436FA6, #1E3C5D)

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