Rose Pier color palette — #FFF2F0 · #FD4344 · #00918B · #00625E · #210001

Built around Scarlet, softened by Fern — the whole palette hums with energy and balance.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Scarlet (#FD4344): A luminous, vivid orange — the color of toasted spice.
• Fern (#00918B): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00625E): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#210001): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Chalky Ember color palette (#FFF2EC, #E46800, #0089B8, #005C7E, #1A0600)
• Peony Garden color palette (#FAF2FF, #FD1E9C, #009188, #00625B, #1F000E)
• Peony Cabin color palette (#FAF1FF, #F7549A, #007E5D, #5C0086, #1E0030)
• Ancient Thicket color palette (#FCE9FB, #C80039, #006C4F, #004258, #1E0003)
• Ancient Terrace color palette (#FFF0F8, #FF9863, #008CC5, #006F9D, #311000)
• Blush Cabin color palette (#FFDCD0, #FF9397, #009A73, #0086AC, #41010D)
• Linen Amber color palette (#EBFAEA, #D38D1B, #5D8CC6, #366195, #031B04)
• Wandering Nightshade color palette (#FFF4E0, #FF7B7F, #867100, #2230AB, #2C0E00)

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