Crimson Pier color palette — #FBD7E8 · #DB6A91 · #CF134A · #910409 · #441100

Crimson takes the lead with Garnet close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Shell Pink (#FBD7E8): A whisper-light, dusty rose — the color of strawberry cream.
• Rose (#DB6A91): A luminous, balanced red — the color of late-summer berries.
• Crimson (#CF134A): A full-bodied, vivid red — the color of late-summer berries.
• Garnet (#910409): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#441100): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

One click turns Crimson Pier 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

• Plum Bloom color palette (#F1D7EE, #DD7AB9, #C4006D, #7C0034, #4C000A)
• Antique Rust color palette (#F8E7EA, #E66D6D, #C52A00, #6E2D00, #3B1C00)
• Pale Chapel color palette (#FFE8FE, #EB6EBB, #CA0043, #883000, #623200)
• Worn Brick Market color palette (#FDE7ED, #C45A68, #B0060E, #651800, #230A00)
• Blush Hollow color palette (#FEF0FF, #FFB4DB, #FF5775, #B33400, #4B2500)
• Hushed Corridor color palette (#FFEEE7, #E07273, #009598, #AC0027, #002627)
• Weathered Rose color palette (#ECDBE4, #FF8BAC, #FA235C, #B31C12, #692D16)
• Airy Market color palette (#FFEDE8, #FA967A, #C53305, #6C1B00, #240400)

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