Soft Garnet color palette — #DCE7F1 · #2281C6 · #8F0D00 · #473B00 · #000C19
Rust and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DCE7F1): a clean, paper-quiet neutral.
- Cerulean (#2281C6): A full-bodied, balanced blue — the color of deep harbor water.
- Rust (#8F0D00): A full-bodied, vivid orange — the color of sun-warmed clay.
- Deep Olive (#473B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#000C19): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.
Use it as a design system
One click turns Soft Garnet 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
- Ultramarine Dune color palette (#D6E7FF, #0057D1, #821F00, #303200, #000607)
- Worn Harbor color palette (#C4E7F8, #00788B, #A70053, #593000, #000D11)
- Sapphire Chapel color palette (#CFE2FF, #1753FA, #874900, #3A4000, #00052B)
- Lapis Atelier color palette (#DBE4FF, #3F51E3, #A40940, #612B00, #111947)
- Tempered Basin color palette (#EEF6FF, #3EA8FF, #9F5D00, #7A4600, #000D1D)
- Amethyst Villa color palette (#DEDCFF, #7539FF, #92001D, #2A3000, #001115)
- Indigo Corridor color palette (#ECF2FF, #675DFF, #945D00, #2B5600, #08112E)
- Patina Indigo color palette (#EBE0C8, #6F61FF, #800993, #3D2F00, #170334)
Browse the whole catalog at Explore, or see today's palette.