Tempered Veranda color palette — #CAE2F0 · #00A8D1 · #AC66BB · #006E8A · #3C1545
Amethyst and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Powder Blue (#CAE2F0): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00A8D1): A luminous, balanced blue — the color of deep harbor water.
- Amethyst (#AC66BB): A luminous, balanced pink — the color of neon signs at night.
- Peacock (#006E8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#3C1545): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
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
- Iris Veranda color palette (#BCE7F1, #00AFAB, #8474D8, #007270, #291C55)
- Linen Magenta Corridor color palette (#E3FCEF, #00BBEC, #C761D5, #006E8C, #2C0032)
- Hushed Loft color palette (#CCE0F8, #4E9AF4, #CD558F, #0062BB, #4F002E)
- Weathered Indigo Grove color palette (#CFECFE, #0093BE, #8067C6, #007D53, #002330)
- Gentle Cobalt color palette (#EEF6FF, #8EBBF2, #DA87AA, #4982C7, #5F3146)
- Sky Bloom color palette (#D2EEFF, #4FBAF1, #0081B3, #004C6C, #001B28)
- Brick Meadow color palette (#C8E2F3, #008BB2, #BC2D1F, #005169, #530200)
- Muted Balcony color palette (#CDE5D8, #56D3FF, #E9563C, #008FB5, #4F0C02)
Browse the whole catalog at Explore, or see today's palette.