Sunlit Canyon color palette — #FCF3ED · #A0D7F2 · #3282D1 · #006665 · #313B6F

Built around Azure, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Powder Blue (#A0D7F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#3282D1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006665): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#313B6F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Sunlit 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

• Gentle Cerulean color palette (#FEF2EC, #97DDDE, #008EAB, #006A46, #004469)
• Cobalt Bloom color palette (#E3F7F5, #A2D9F4, #008CCA, #005F71, #002744)
• Sapphire Boulevard color palette (#FFF3E9, #7FC1E7, #0469D8, #005558, #281F7A)
• Tempered Mallow Villa color palette (#D9FFF1, #CDDCFF, #DBA6EA, #007A82, #294566)
• Dusty Petrol color palette (#F9F4EF, #CAE7EB, #B08CA9, #107C8B, #664858)
• Quiet Terrace color palette (#98F3E9, #00B0C5, #007C9F, #00588D, #143E7B)
• Hushed Harbor color palette (#F2E2D7, #5C99AF, #004D7D, #00302D, #03004C)
• Misty Petrol color palette (#EEF6FF, #6FB0F6, #0069B0, #003F6D, #002C47)

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