Tempered Veranda color palette — #FFF0FC · #FF7E6D · #00A4B9 · #B61D15 · #001D21

Built around Ruby, softened by Salmon — the whole palette hums with trust and stability.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Salmon (#FF7E6D): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#00A4B9): A luminous, balanced blue — the color of deep harbor water.
• Ruby (#B61D15): A full-bodied, vivid orange — the color of sun-warmed clay.
• Ink (#001D21): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Patina Drift color palette (#FFF0F9, #FFA585, #09B9E9, #BB4E23, #002D3B)
• Worn Coast color palette (#FAF1FF, #F47DAB, #00AA8F, #B40065, #001E18)
• Quiet Chapel color palette (#FFF1F6, #FE9F43, #008ADA, #915100, #001A2F)
• Dusty Amber color palette (#FFE6F2, #E16C00, #0086AE, #7A3700, #00090F)
• Hazy Garnet Basin color palette (#FBE1D8, #CB5157, #00769A, #87001E, #00151E)
• Feathered Ember color palette (#FFF0FA, #E9613C, #009B5B, #565FBC, #1B0215)
• Amber Study color palette (#FFF1F6, #FFC797, #7FC1FF, #C17523, #193B59)
• Quiet Cabin color palette (#FFF4DE, #F0B728, #6882EF, #886400, #0E0A5D)

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