Tempered Veranda color palette — #DFE2D2 · #F9B62C · #8BB1FF · #09193F · #080107

Saffron takes the lead with Sky close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Bone (#DFE2D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Saffron (#F9B62C): A luminous, balanced gold — the color of old brass.
• Sky (#8BB1FF): A luminous, balanced violet — the color of a velvet chair.
• Midnight (#09193F): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#080107): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Balance. Tagged neon, dark, 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

• Pale Sunflower Drift color palette (#ECDED1, #F3D515, #4AA7EA, #001C30, #000202)
• Worn Aqua color palette (#EEF0DF, #FFAC85, #00CAD9, #002225, #000200)
• Misty Apricot Dune color palette (#DDE7D4, #FF8B5F, #828AEB, #39445F, #0E121A)
• Weathered Chartreuse Pier color palette (#C9EFDD, #80E100, #75B7FF, #031F3C, #050106)
• Sunflower Atelier color palette (#C7FE8D, #F6D908, #B2C5FF, #381F34, #100A0F)
• Feathered Workshop color palette (#F0F1CE, #61F971, #A88CEA, #1F1337, #070103)
• Seafoam Studio color palette (#C8EBEA, #00EFB1, #C0ABFF, #290F51, #120109)
• Gentle Clover Balcony color palette (#DBE3D1, #00DF66, #697CEB, #02001F, #040003)

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