Tempered Terrace color palette — #F0F5FE · #C8EBD5 · #7485AF · #39475D · #161B24

Slate Blue and Honeydew set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F0F5FE): a clean, paper-quiet neutral.
• Honeydew (#C8EBD5): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#7485AF): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal (#39475D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#161B24): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, 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

• Washed Pewter Thicket color palette (#F5F3FF, #DCEFAA, #916397, #39344E, #100E18)
• Dusty Sand Delta color palette (#F0F5FE, #EBDEAE, #8AA0C2, #5F6E84, #272C33)
• Powder Market color palette (#F0F5FF, #AAC1FF, #ABB57B, #608D7D, #2B323D)
• Washed Petrol color palette (#F8EEF6, #D2C1A2, #526086, #242F50, #191118)
• Ash Workshop color palette (#F1F5FE, #DCD8E2, #DB9C94, #8997CC, #241B23)
• Dusty Taupe Bloom color palette (#E0FDF5, #DFD6FF, #C78FA5, #4D7C7F, #3F3D4F)
• Faded Chartreuse color palette (#F1F5FF, #A7F088, #5F5FB3, #27265B, #040713)
• Feathered Mint color palette (#F2F5FF, #8FCF74, #534091, #1A0E38, #010009)

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