Tempered Veranda color palette — #FFF0F9 · #EEDABF · #82DCED · #CB8769 · #204C5E

A conversation between Caramel and Ice Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#EEDABF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ice Blue (#82DCED): A whisper-light, balanced blue — the color of deep harbor water.
• Caramel (#CB8769): A luminous, balanced orange — the color of sun-warmed clay.
• Navy (#204C5E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Tempered Veranda 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

• Worn Blush Balcony color palette (#FAF2FF, #F9D2CD, #9CDCBF, #CA809E, #1A4F51)
• Weathered Taupe Ridge color palette (#EDF8F1, #F6E5AF, #ADCDFF, #B09848, #314765)
• Wandering Driftwood Quarry color palette (#EEF8EF, #B5E2ED, #9A825B, #384C3A, #161E16)
• Dusty Ash Workshop color palette (#FDF1FB, #C4E7ED, #AFB3D1, #B393AC, #5A4951)
• Muted Basalt color palette (#FFE9DD, #D6D2DD, #A89C9D, #553F4A, #2C2529)
• Weathered Stone color palette (#EBF9F1, #BFE4EB, #8DBAA2, #916F7A, #294545)
• Tempered Stone Meadow color palette (#FFF0F8, #D7DACD, #DCA180, #8A5C3E, #3D1D2C)
• Faded Sky color palette (#FFF1F6, #FFB578, #4FBAFF, #B66400, #00324E)

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