Quiet Ridge color palette — #DEE8F8 · #3A6EF9 · #3A00E5 · #1E006E · #050018
Built around Iris, softened by Sapphire — the whole palette hums with creativity and calm.
The five colors
- Frost (#DEE8F8): A whisper-light, dusty blue — the color of deep harbor water.
- Sapphire (#3A6EF9): A full-bodied, vivid violet — the color of wild irises.
- Iris (#3A00E5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#1E006E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#050018): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Quiet 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
- Misty Grape Workshop color palette (#D8DEF8, #705BFC, #5A00CF, #340065, #05000D)
- Timeworn Nightshade color palette (#C2EAF7, #0070CE, #2D0FB9, #2F005C, #220026)
- Faded Pier color palette (#D8EEFC, #3188FE, #4040F9, #552B9C, #230038)
- Muted Lagoon color palette (#DCE5FF, #765DFB, #C1002E, #3C00A1, #040000)
- Hazy Cobalt color palette (#D9ECFA, #0085D9, #004B92, #001B5B, #00000D)
- Faded Aubergine color palette (#EDE9FF, #A27FFF, #5B00BC, #1B0040, #020008)
- Chalky Delta color palette (#F1F5FF, #9FA7FF, #8064FF, #5C04C2, #2E0D52)
- Dusty Amethyst color palette (#E3E1F0, #8342D1, #5D0095, #250034, #030004)
Browse the whole catalog at Explore, or see today's palette.