Tempered Terrace color palette — #DBF0FF · #9AC2F3 · #6681CC · #534C85 · #323249

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#DBF0FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#9AC2F3): A luminous, balanced blue — the color of open sky before noon.
• Azure (#6681CC): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#534C85): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#323249): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Violet Ridge color palette (#D9E8FF, #AFACE7, #926DBD, #754F7A, #3B3148)
• Patina Periwinkle Quarry color palette (#EEF6FF, #83ADF2, #6F87C5, #5B638C, #534B63)
• Washed Iris color palette (#EEF1FF, #CFCBFF, #8876BA, #504473, #171B34)
• Worn Cerulean color palette (#D0F7FF, #6FCAD1, #0097BA, #2F6188, #2B394D)
• Aged Workshop color palette (#EBF2FF, #9FB0EB, #A2A148, #5B6CB2, #1B382C)
• Shell Coast color palette (#ECF2FF, #DDD4E1, #F5BFB3, #6588A7, #353845)
• Chalky Amethyst color palette (#D9EAFF, #7F9CFF, #7E1BF7, #620282, #370B3A)
• Driftwood Basin color palette (#FDEDF2, #A9C3AF, #9D7B5B, #6C4D62, #203029)

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