Tempered Veranda color palette — #F4D8F1 · #0F44B7 · #324C00 · #143100 · #1A0319
A conversation between Cobalt and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Thistle (#F4D8F1): A whisper-light, dusty pink — the color of neon signs at night.
- Cobalt (#0F44B7): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#324C00): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#143100): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#1A0319): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, 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
- Denim Orchard color palette (#F2E1F2, #004F9E, #514100, #322800, #000D23)
- Deep Aubergine Pier color palette (#FDE9F2, #5100A8, #154100, #082400, #060018)
- Tempered Aubergine color palette (#FDEAEE, #781E93, #5C3B00, #2F2900, #17041E)
- Frosted Grape Market color palette (#EAF0DE, #6A4FB6, #700048, #002C24, #21092C)
- Nocturne Cocoa Terrace color palette (#CDE6EF, #005E64, #564000, #242B00, #000303)
- Patina Forest color palette (#D2F1DF, #007B96, #6A6300, #175000, #001016)
- Patina Cocoa Pier color palette (#D8F7EA, #00597C, #712900, #471700, #000F19)
- Patina Hollow color palette (#FFD9E2, #9C00C6, #4C6200, #344400, #2E0F39)
Browse the whole catalog at Explore, or see today's palette.