Tempered Veranda color palette — #E8F8FE · #9EE3E8 · #FCAFAF · #20BEC8 · #6B3F40

Built around Cyan, softened by Rose Quartz — the whole palette hums with trust and stability.

The five colors

• Ivory (#E8F8FE): a clean, paper-quiet neutral.
• Ice Blue (#9EE3E8): A whisper-light, dusty blue — the color of open sky before noon.
• Rose Quartz (#FCAFAF): A whisper-light, balanced red — the color of a theater curtain.
• Cyan (#20BEC8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#6B3F40): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, 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

• Teal Field color palette (#E7F9FB, #A8E3D1, #ECB2DB, #40C1A3, #534568)
• Periwinkle Dune color palette (#EEF6FF, #B7D8FF, #EDBC92, #6EACF2, #664050)
• Apricot Canyon color palette (#E9F8FF, #94D3E2, #F8A2AC, #E99778, #2F4651)
• Antique Workshop color palette (#EBF7FF, #65D4FF, #FF9679, #00A6D4, #6B1800)
• Lagoon Ridge color palette (#EDF9ED, #93D1D2, #BCB376, #00A0A3, #554E23)
• Worn Meadow color palette (#E9F6EB, #51C6D2, #C8888D, #357E85, #46281F)
• Aged Ash color palette (#FDF2F6, #CCE0CD, #D1A9BA, #A885A0, #364E41)
• Mustard Market color palette (#E0F1FF, #83C8F3, #E7B241, #0091CE, #463100)

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