Tempered Terrace color palette — #F4E1DC · #70ABA8 · #006177 · #02420B · #00203D

Built around Forest, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Parchment (#F4E1DC): A whisper-light, dusty orange — the color of autumn markets.
• Blue Fog (#70ABA8): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006177): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#02420B): A deep, shadowed, balanced green — the color of fresh herbs.
• Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Denim Station color palette (#F4E8E1, #81AA92, #005A97, #003F31, #151252)
• Hushed Study color palette (#DBE5DC, #5EACA7, #00646D, #003B29, #000D13)
• Petrol Archive color palette (#E7DED0, #67C3BE, #008490, #005C42, #00242E)
• Sapphire Atelier color palette (#FFF2EA, #74C4E3, #006DCC, #00574A, #2D2076)
• Driftwood Veranda color palette (#F8E4F9, #BEA8EC, #BA6B86, #005259, #131E45)
• Navy Corridor color palette (#EADDD1, #5D8B80, #2E2A89, #002224, #110020)
• Pale Pine color palette (#EBE0EC, #56D7D1, #00A2C4, #348036, #00203C)
• Muted Pine color palette (#FBF3F1, #CFE2D1, #4195B9, #2A7246, #31486A)

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