Petal Ridge color palette — #FBF4EE · #C3E2F2 · #DFBFE0 · #7B9B7E · #5B4654
A conversation between Lilac Frost and Eucalyptus, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF4EE): a clean, paper-quiet neutral.
- Powder Blue (#C3E2F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Lilac Frost (#DFBFE0): A whisper-light, dusty pink — the color of a candy shop window.
- Eucalyptus (#7B9B7E): A luminous, dusty green — the color of a quiet forest floor.
- Charcoal Brown (#5B4654): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petal 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
- Antique Celadon Loft color palette (#F8F6E5, #DBF0A8, #CDC3FA, #91A361, #563E4A)
- Driftwood Market color palette (#FCF3EF, #C0E2E6, #9CD0CB, #719E83, #3C534B)
- Worn Canyon color palette (#FAF4EE, #C3E3F6, #9DBBF1, #458F96, #513546)
- Petrol Boulevard color palette (#F1F7F2, #D8DDED, #779DC4, #2A7B88, #45536A)
- Patina Coast color palette (#FFF2EC, #D0E0F6, #00C2E6, #1E8B5D, #003957)
- Muted Basalt color palette (#FFF2EA, #E1DCC2, #D0A38F, #907268, #543A00)
- Patina Ridge color palette (#FAF6DB, #C3D687, #BDB0EF, #B396BA, #3A3932)
- Dusty Straw color palette (#FFF3E5, #FAE38A, #B0B56B, #658155, #464841)
Browse the whole catalog at Explore, or see today's palette.