Tempered Veranda color palette — #EDF8F7 · #CFE0E9 · #B3C4D2 · #4F8167 · #3E4A4A

Fern and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Silver (#CFE0E9): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#B3C4D2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#4F8167): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#3E4A4A): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Lagoon Harbor color palette (#EBF4F4, #D0D8DC, #B0BECC, #4D8362, #232F2E)
• Softworn Cerulean Study color palette (#E4F9FF, #9BC2D1, #5F87A0, #595F78, #504554)
• Antique Mint color palette (#E5FAF8, #85BF9D, #44816B, #39625F, #284949)
• Wandering Abyss Terrace color palette (#D5E2E3, #8BB1B8, #618690, #004233, #00181A)
• Timeworn Station color palette (#D9E1E9, #AABAD0, #828FA5, #004779, #12212E)
• Wandering Cabin color palette (#DFFDF4, #00B18C, #007A77, #374C7A, #274246)
• Misty Seafoam color palette (#E3FAFE, #78F6AC, #27D2B0, #1BA4A9, #22484F)
• Pewter Station color palette (#EDF8F6, #D0DEE4, #B0C4CE, #5D7F5A, #414A48)

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