Tempered Terrace color palette — #FCF3F0 · #BFE3EA · #75C7EC · #559268 · #4D364D

Sky takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Silver (#BFE3EA): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#75C7EC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#559268): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#4D364D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, 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

• Ancient Powder Orchard color palette (#F9F4EF, #C4E0F2, #A7B5FF, #1B9398, #553441)
• Washed Ridge color palette (#F0F7F1, #CBE2FC, #6DCDE5, #63A796, #334B5B)
• Worn Periwinkle Loft color palette (#FAF4F0, #BDE6F4, #60ADED, #008265, #3F2338)
• Antique Cypress color palette (#FAF3F8, #BBE4F2, #4896B0, #1E7254, #2F4A63)
• Timeworn Turquoise Lagoon color palette (#FFF0FE, #E8D9D7, #ACB1A7, #68B5BD, #4C3C48)
• Chalky Mustard Study color palette (#FFF0FB, #A1B7FF, #C5A840, #AB8F25, #372433)
• Mustard Studio color palette (#FEF0FF, #B6D8FF, #D0BC4F, #4D8DD3, #3B3831)
• Cypress Boulevard color palette (#F2F3EA, #CCE4CE, #5A99A3, #0F6D66, #0E3422)

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