Quiet Ridge color palette — #FAF0E7 · #A4D8F4 · #307BFB · #00635A · #251B4A
Azure and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FAF0E7): bright and airy, almost weightless.
- Powder Blue (#A4D8F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#307BFB): A luminous, vivid violet — the color of a velvet chair.
- Pine (#00635A): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Indigo (#251B4A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.
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
- Sapphire Loft color palette (#FAF0E6, #88C3EC, #3957FF, #005250, #200A3E)
- Timeworn Cobalt Meadow color palette (#FDF4E6, #96D8FE, #0682DD, #006571, #2C3E68)
- Sunlit Cerulean Delta color palette (#F9EFEB, #89E0EA, #008EC2, #00663D, #0B224F)
- Indigo Veranda color palette (#FED7F4, #5A70FF, #298C00, #007351, #0E1436)
- Feathered Grove color palette (#FFF1F7, #B2E2FF, #749AE6, #00837B, #413767)
- Hushed Loft color palette (#FFEBF7, #F5CCD3, #FF9673, #027FC6, #341F3E)
- Timeworn Pine Station color palette (#F8F0EE, #CAE4DC, #6AA6BB, #4D774F, #1D3D36)
- Navy Field color palette (#EEE1D7, #3F95B9, #004597, #002C26, #040019)
Browse the whole catalog at Explore, or see today's palette.