Tempered Terrace color palette — #FBF4ED · #C3E4F7 · #87A3ED · #007F7C · #31274B

Cornflower and Teal set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Powder Blue (#C3E4F7): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#87A3ED): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007F7C): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#31274B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, 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

• Turquoise Summit color palette (#FDF3EF, #BCEAF2, #11B6E6, #3C7F4D, #152F4E)
• Washed Lagoon Alley color palette (#FBF3F1, #BEE4EC, #79C6ED, #469467, #4D364C)
• Weathered Cobalt color palette (#FCF2F6, #A6CAE8, #5878B1, #005F66, #36365B)
• Dusty Blush color palette (#FFF1F1, #E082BA, #00A8C0, #008CAD, #2C1213)
• Timeworn Petrol Quarry color palette (#FBEAE2, #79C4D4, #006DA6, #00402C, #010015)
• Quiet Ultramarine Workshop color palette (#E5DDD5, #7EA7C9, #3439C9, #002B2C, #020007)
• Hushed Straw Bloom color palette (#FFF2F0, #F8F086, #E1D8D0, #9C7AB7, #4C312A)
• Linen Forest Meadow color palette (#FFF2EE, #7DDFDB, #0088A5, #05560F, #000D1E)

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