Quiet Rose color palette — #F5D4E1 · #FA809A · #E64E56 · #B33F30 · #511A00
Built around Scarlet, softened by Brick — the whole palette hums with optimism and warmth.
The five colors
- Shell Pink (#F5D4E1): A whisper-light, dusty rose — the color of strawberry cream.
- Rose (#FA809A): A luminous, balanced red — the color of late-summer berries.
- Scarlet (#E64E56): A luminous, vivid orange — the color of toasted spice.
- Brick (#B33F30): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#511A00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.
Use it as a design system
One click turns Quiet Rose 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
- Muted Drift color palette (#FBEAEB, #FC7B72, #E6602E, #A74900, #462600)
- Feathered Scarlet Villa color palette (#F2DBF2, #E671AF, #CC3F3F, #872B00, #432800)
- Ember Study color palette (#FFDACD, #FF9E78, #E3693C, #A33813, #300900)
- Faded Scarlet Study color palette (#FCD4C4, #FF867C, #00B6C0, #DE433F, #003033)
- Ancient Peony color palette (#EEE1EF, #E281D6, #DC58A7, #A73561, #58111E)
- Soft Brick color palette (#F8DCE6, #CD456E, #AE002B, #5F0A00, #240900)
- Hushed Coral color palette (#FFE9DD, #E5D4A9, #B3C882, #CE7988, #47250F)
- Gentle Coast color palette (#F0DDD9, #FB6A4D, #12B260, #6579F0, #381109)
Browse the whole catalog at Explore, or see today's palette.