Twilit Ridge color palette — #F1F0D3 · #286200 · #29009D · #2D001A · #020100
Indigo and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1F0D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#286200): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#29009D): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#2D001A): A deep, shadowed, balanced rose — the color of pressed rose petals.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged jewel, vibrant, dark.
Use it as a design system
One click turns Twilit Ridge 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
- Inked Studio color palette (#E5F3D3, #00624A, #460079, #370009, #010100)
- Navy Studio color palette (#CDEAE2, #274700, #0B0071, #220016, #040200)
- Cellar Lagoon color palette (#E9E4C9, #5B6100, #003565, #32002D, #030100)
- Pine Villa color palette (#F0E6D6, #008E4D, #004D4D, #310036, #000201)
- Dusty Veranda color palette (#E8F0E3, #696166, #005B4B, #161C21, #000708)
- Ancient Emerald color palette (#D9F1D4, #18A066, #006354, #001F1F, #000102)
- Faded Garnet color palette (#F2EFDD, #6C8200, #0066BC, #8B001C, #010200)
- Muted Grape Market color palette (#F3F9DC, #2CAD1D, #6200F0, #7C003E, #080400)
Browse the whole catalog at Explore, or see today's palette.