Tempered Terrace color palette — #F1F7F2 · #D7E0EC · #7BC7E2 · #009688 · #17445E
A conversation between Fern and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D7E0EC): a clean, paper-quiet neutral.
- Sky (#7BC7E2): A luminous, balanced blue — the color of deep harbor water.
- Fern (#009688): A luminous, balanced teal — the color of glacier melt.
- Navy (#17445E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Cerulean Delta color palette (#F1F7F2, #DCDEEA, #AFCEF8, #40A0B7, #404D67)
- Dusty Sky color palette (#F0F7F2, #DADFEB, #5EAFE5, #007E83, #0F2E54)
- Cypress Terrace color palette (#F9F4ED, #ADE8F1, #5394AB, #237066, #2C5044)
- Muted Petrol Pier color palette (#E4F3E7, #90BED6, #00709B, #003E3D, #000308)
- Aged Cobalt color palette (#EDF9EF, #A5D3EF, #007CD9, #00505B, #010039)
- Misty Basin color palette (#F7F2FF, #E4A3CF, #BAAB5A, #00A2C3, #312342)
- Dusty Garden color palette (#FAEFEB, #C5E6CD, #5496BD, #286D4E, #392436)
- Tempered Lilac color palette (#F7F3FF, #E7D6DE, #B0B5AB, #B893CA, #483D50)
Browse the whole catalog at Explore, or see today's palette.