Petal Canyon color palette — #DAF3FF · #FFCCE0 · #CCC1CA · #3B2B45 · #1A151D

Shell Pink takes the lead with Navy close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#DAF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Shell Pink (#FFCCE0): A whisper-light, dusty rose — the color of strawberry cream.
• Oat (#CCC1CA): a calm mid-gray that lets other colors speak.
• Navy (#3B2B45): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#1A151D): quiet, heavy and certain.

Feels like: Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Petal Corridor color palette (#BDFFE5, #FFCAEE, #C5DEF7, #3E344D, #14101B)
• Antique Hollow color palette (#FFE8E3, #D3D5E5, #B0A5A8, #564351, #261E24)
• Sunlit Canyon color palette (#D8E8DF, #D4BC00, #FE8542, #3B2331, #190F15)
• Washed Ridge color palette (#D3F2FF, #C4E000, #FFAFA9, #605754, #322621)
• Ancient Terrace color palette (#EBECFF, #55F8A5, #E96DB8, #3D3632, #2B2121)
• Aged Rust color palette (#FBF2FB, #DFEEB1, #A75E62, #472E47, #140D14)
• Patina Pier color palette (#FFEAFD, #DDD0FF, #F7BE1A, #193521, #020804)
• Dusty Villa color palette (#FFF0F7, #C2E7FF, #FFC097, #462000, #170810)

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