Gentle Veranda color palette — #FFCFE2 · #FFAAAF · #FF7663 · #C35F01 · #563500

Built around Salmon, softened by Terracotta — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FFCFE2): A whisper-light, dusty rose — the color of strawberry cream.
• Ballet Pink (#FFAAAF): A whisper-light, balanced red — the color of embers at dusk.
• Salmon (#FF7663): A luminous, vivid orange — the color of autumn markets.
• Terracotta (#C35F01): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#563500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Gentle 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

• Timeworn Tangerine Veranda color palette (#FFE4E7, #FF9D8B, #F47A0E, #A96400, #553E00)
• Faded Ridge color palette (#FFE0F9, #FF98C4, #FF596E, #CC5141, #673203)
• Ember Harbor color palette (#FFF0FA, #FFC0CE, #F25736, #954D00, #462F00)
• Misty Apricot Balcony color palette (#FFF2EB, #FFC19C, #FA871F, #B05900, #3E1800)
• Brick Bloom color palette (#F9DDE3, #EA747E, #C40F13, #783000, #3B1A00)
• Pale Tangerine Garden color palette (#FFE7E4, #FA6807, #AA6A00, #6C5100, #262200)
• Ember Terrace color palette (#FFF2EC, #FFAD9B, #62D0FF, #E25C41, #004157)
• Washed Marigold Coast color palette (#FFD5C4, #FFB074, #D39C00, #8A7B00, #3E4500)

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