Twilit Veranda color palette — #CCE7D7 · #5C5600 · #00476B · #3C0048 · #060100
Built around Deep Indigo, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#CCE7D7): A whisper-light, dusty teal — the color of sea glass.
- Olive (#5C5600): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#00476B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#3C0048): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#060100): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Twilit 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
- Aubergine Studio color palette (#E1F1ED, #4D7400, #004E5A, #300064, #170002)
- Aubergine Quarry color palette (#F9E2E9, #744A00, #004852, #25007B, #060001)
- Cellar Nightshade Studio color palette (#CCEEE7, #345200, #1A00A5, #3B0029, #000300)
- Eclipse Forest Pier color palette (#D7EEEB, #0D6410, #393138, #001E14, #000400)
- Navy Courtyard color palette (#D5E6E0, #3D4500, #150074, #060037, #060002)
- Aubergine Lagoon color palette (#C8E7E5, #13793B, #42008B, #500023, #030200)
- Velvet Aubergine Meadow color palette (#FFE4D4, #9F3600, #27008F, #2A0031, #040001)
- Pale Moss Corridor color palette (#EEEEDC, #699000, #006426, #003B2A, #000F0D)
Browse the whole catalog at Explore, or see today's palette.