Quiet Ridge color palette — #FFF1F8 · #BFEDFF · #7FBAFF · #00A88F · #3A3A66

A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F8): bright and airy, almost weightless.
• Frost (#BFEDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#7FBAFF): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00A88F): A luminous, balanced teal — the color of sea glass.
• Navy (#3A3A66): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Sunlit Grove color palette (#FDF1FC, #ACF4F5, #2DC8F9, #37AA59, #244164)
• Linen Periwinkle Meadow color palette (#F5EBEF, #AADBF6, #70A2FF, #009287, #2E2650)
• Washed Teal Courtyard color palette (#FAF3F5, #DAD4E1, #B3C5F9, #65B1AF, #4D5069)
• Feathered Pine color palette (#EEE3EE, #71D2D5, #00A0CD, #00833D, #011E43)
• Cobalt Villa color palette (#FEEEE5, #93DBF8, #2B88D1, #00625E, #15214C)
• Soft Sunflower Thicket color palette (#DDFFE9, #FBD743, #CC9FFF, #9B8100, #472A63)
• Cobalt Field color palette (#F1DEE9, #79BBCF, #0088DD, #006F57, #0C093B)
• Weathered Forest color palette (#F4ECF4, #5EB1AD, #00819D, #076212, #000A18)

Browse the whole catalog at Explore, or see today's palette.