Tempered Terrace color palette — #F2F3E9 · #CAE5C8 · #4D9CA1 · #246C5F · #163320

Storm Blue and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F2F3E9): bright and airy, almost weightless.
• Celadon Mist (#CAE5C8): A whisper-light, dusty green — the color of new leaves after rain.
• Storm Blue (#4D9CA1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#246C5F): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#163320): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Antique Coast color palette (#EEF0DA, #009CA7, #00535F, #002C2A, #000508)
• Patina Archive color palette (#F1F3EB, #BEE7D7, #5793C5, #306678, #372439)
• Cerulean Balcony color palette (#F1F3EA, #8DD5E3, #008AA6, #005B5D, #00281A)
• Patina Clover Bloom color palette (#F2F4DB, #70B95A, #3D97C8, #47713A, #002B40)
• Aqua Bloom color palette (#FCF3EF, #B9EEF4, #78C9DC, #58906E, #20483B)
• Chalky Emerald color palette (#F0F6D5, #3DA645, #028FA1, #8A6319, #1E2008)
• Misty Mint Lantern color palette (#D4FEDF, #82D094, #458B54, #144D2A, #00200A)
• Olive Chapel color palette (#E2E8AE, #9DB34D, #608219, #395C24, #2B2D0C)

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