Tempered Veranda color palette — #ECF8F6 · #A6C8C9 · #548B94 · #566D55 · #3B5252
Built around Storm Blue, softened by Pewter — the whole palette hums with sophistication and grounding.
The five colors
- Ivory (#ECF8F6): a clean, paper-quiet neutral.
- Stone (#A6C8C9): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#548B94): A luminous, dusty blue — the color of deep harbor water.
- Pewter (#566D55): A full-bodied, dusty green — the color of fresh herbs.
- Charcoal Brown (#3B5252): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Tempered Lagoon color palette (#EAF4F2, #A2CCCF, #4A8F96, #695B70, #1F3537)
- Wandering Meadow color palette (#DCFDFE, #99D3D7, #43977F, #005F47, #063E30)
- Aged Villa color palette (#F1F7F2, #D3DFEF, #6DA2B7, #1C7F75, #3D566A)
- Turquoise Garden color palette (#F5F6EF, #C7D8B9, #63A8B1, #96746E, #485042)
- Dusty Lagoon color palette (#DBEEE8, #56875D, #00523A, #223500, #002207)
- Tempered Pine color palette (#EAF9F8, #8FBD9D, #B586B3, #11884C, #504669)
- Wandering Fern color palette (#F5F6EB, #D5E4C0, #A7BD9E, #A79785, #405612)
- Hushed Bronze color palette (#E2FBFB, #6AA788, #8084BB, #A76147, #2C4848)
Browse the whole catalog at Explore, or see today's palette.