Tempered Terrace color palette — #F5E1EE · #4044BA · #5A3100 · #193200 · #000405

A conversation between Cobalt and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Blush (#F5E1EE): A whisper-light, dusty pink — the color of neon signs at night.
• Cobalt (#4044BA): A full-bodied, vivid violet — the color of wild irises.
• Cocoa (#5A3100): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#193200): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000405): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Worn Lapis color palette (#FFEBF6, #6856AA, #683F00, #00441B, #000B06)
• Inked Aubergine Ridge color palette (#F9DBE6, #5C279D, #3B2B00, #001C0E, #000103)
• Quiet Garnet Meadow color palette (#D0EEE6, #0065AD, #80010D, #2C2500, #000600)
• Ancient Quarry color palette (#E3E6F7, #5E3B9D, #710036, #033405, #190C31)
• Byzantium Dune color palette (#F7D8DB, #94349C, #484800, #00302C, #01011A)
• Violet Balcony color palette (#F9EDDC, #8663BA, #752C5F, #2E2F00, #190222)
• Charred Pier color palette (#F6D9DE, #870098, #2F2818, #2D0C1F, #0F0104)
• Ancient Coast color palette (#FFF0F9, #817AE0, #AA0F32, #004323, #040002)

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