Tempered Petal Pier color palette — #F7F3FF · #E8C3E0 · #96B6A4 · #768598 · #495463

Thistle and Sage set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Thistle (#E8C3E0): A whisper-light, dusty pink — the color of peonies in June.
• Sage (#96B6A4): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#768598): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#495463): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Bone Ridge color palette (#FFF0FD, #C4E4CB, #94B3B1, #818495, #4D5063)
• Hushed Stone Field color palette (#F7E2DD, #C9AE88, #769E99, #5E668A, #3B405A)
• Taupe Hollow color palette (#F7E5DE, #A29D60, #497F63, #474A6D, #2B1F40)
• Lime Orchard color palette (#EDDECD, #9AB55B, #00989F, #754B6B, #532449)
• Olive Thicket color palette (#FFF2E9, #CABCAD, #A2957F, #6C7934, #395414)
• Weathered Honey color palette (#FFF1F6, #F2B67E, #8DB3EC, #AD825A, #3F4E62)
• Worn Marigold color palette (#E8FBE8, #DBA658, #87A5D9, #8C82B6, #384738)
• Tempered Sand color palette (#DDFFE8, #F8D693, #B6965B, #7E663E, #26442C)

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