Sky Ridge color palette — #FEF0FE · #A0F6F5 · #1FC9F7 · #5FA367 · #224263
A conversation between Cyan and Moss, giving this palette its sense of nature and growth.
The five colors
- Blush (#FEF0FE): A whisper-light, dusty pink — the color of peonies in June.
- Sea Foam (#A0F6F5): A whisper-light, balanced teal — the color of shallow lagoons.
- Cyan (#1FC9F7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Moss (#5FA367): A luminous, balanced green — the color of a quiet forest floor.
- Navy (#224263): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Sky 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
- Hazy Teal color palette (#FFF0F8, #C0ECFF, #81BAFF, #00A890, #3A396A)
- Sky Alley color palette (#F5EBF3, #89E4EF, #46B0E5, #339363, #1C2D4D)
- Muted Powder Balcony color palette (#FAF2F8, #D6D5E5, #9FCDEF, #7CAF98, #495364)
- Powdered Mint color palette (#E6F5E2, #00E1A5, #00BBC0, #008AA9, #00416F)
- Pale Cobalt Harbor color palette (#F8ECF2, #58ADC8, #0077CA, #005F4C, #06002B)
- Blush Corridor color palette (#E8F8FF, #79EDFF, #E97C92, #00AABD, #631F30)
- Azure Quarry color palette (#F2E1EA, #72CDF2, #5794E0, #007F6E, #1C1744)
- Ember Thicket color palette (#B7FAF5, #42E9E0, #D69A39, #E66D2F, #003936)
Browse the whole catalog at Explore, or see today's palette.