Tempered Veranda color palette — #FFD7C4 · #CF230B · #3E5500 · #00323E · #1A0025

Built around Brick, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD7C4): A whisper-light, dusty orange — the color of toasted spice.
• Brick (#CF230B): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#3E5500): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#00323E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#1A0025): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Chalky Crimson Harbor color palette (#FFD6CA, #D2004C, #574D00, #003431, #080039)
• Dusty Bronze color palette (#F2DCC7, #A45E00, #005C30, #002E4E, #1F0019)
• Terracotta Delta color palette (#FFE9DB, #953B00, #313E38, #2D1900, #110400)
• Plum Lagoon color palette (#EFE2FA, #B9297D, #6B4000, #00384D, #46002B)
• Airy Ember Meadow color palette (#FDDCF5, #F44129, #617200, #00525B, #2F005D)
• Powdered Amber Study color palette (#F8DACB, #CB7500, #825400, #4D3A00, #1C1700)
• Velvet Orchard color palette (#ECE1CB, #675700, #003F3B, #140055, #0D0002)
• Rose Grove color palette (#FFF2EE, #FF536F, #007B79, #00465D, #00151F)

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