Tempered Veranda color palette — #CDF3F8 · #00B49B · #0F84E6 · #776600 · #001A17

Azure and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CDF3F8): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#00B49B): A luminous, balanced teal — the color of shallow lagoons.
• Azure (#0F84E6): A luminous, vivid blue — the color of open sky before noon.
• Olive (#776600): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#001A17): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, 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

• Misty Clover Coast color palette (#D1F6F3, #00B645, #0091B9, #915A00, #001B12)
• Airy Indigo Alley color palette (#DAF0FA, #00AFC7, #7B65E4, #47741A, #001518)
• Linen Corridor color palette (#E8F8FE, #00D0D9, #8D98EB, #748651, #0C2E30)
• Quiet Grove color palette (#C8E7F5, #00B6CC, #457DF0, #7A4A8F, #00261B)
• Cerulean Market color palette (#D6F1FF, #009CB7, #2C5A6F, #193340, #000509)
• Faded Aqua Corridor color palette (#D7EEEE, #00C7DD, #009DBD, #007598, #00293F)
• Sunlit Delta color palette (#CDF5FC, #009382, #843488, #73165D, #171500)
• Tempered Lapis Workshop color palette (#CEE9F5, #00828F, #623BE5, #395400, #000201)

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