Quiet Canyon color palette — #E4FBFA · #D6DAF8 · #82B9FF · #009DD5 · #283E6A

Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E4FBFA): A whisper-light, dusty teal — the color of sea glass.
• Powder Blue (#D6DAF8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#82B9FF): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#009DD5): A luminous, balanced blue — the color of deep harbor water.
• Navy (#283E6A): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Quiet Canyon 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 Hollow color palette (#E8FAF7, #B3F0FF, #20C9F7, #00A4AC, #004660)
• Periwinkle Study color palette (#FEF3E8, #C7E6FB, #8CAAFF, #008596, #352B5F)
• Hazy Cornflower color palette (#EFF4E6, #A9D5FD, #3483DF, #005D7F, #0B2150)
• Tempered Teal Drift color palette (#EEF7F6, #D2DFEE, #A0CFE4, #70B0AA, #3B5765)
• Azure Ridge color palette (#D8F0ED, #87CCE1, #00A0D0, #007B87, #002235)
• Worn Petrol Lantern color palette (#D6EAE7, #64ADBE, #0081A0, #005C61, #000B12)
• Misty Hollow color palette (#FFE4E4, #FF8E95, #D9A000, #BB7CE3, #541920)
• Blush Lantern color palette (#FFF0FD, #E8DDD2, #E4CE9B, #DE8897, #5D3C56)

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