Tempered Petal color palette — #98FFF9 · #F7C3FF · #B2C5FF · #361A31 · #140C12

Built around Thistle, softened by Sea Foam — the whole palette hums with creativity and balance.

The five colors

• Sea Foam (#98FFF9): A whisper-light, balanced teal — the color of glacier melt.
• Thistle (#F7C3FF): A whisper-light, balanced pink — the color of neon signs at night.
• Sky (#B2C5FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#361A31): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#140C12): quiet, heavy and certain.

Feels like: Creativity, Balance. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Aged Field color palette (#D5EEFF, #FFC9C7, #E5AFFF, #331E3D, #0D0507)
• Powder Garden color palette (#ABFFD6, #D8D2FF, #7DD4FF, #093628, #000E07)
• Muted Veil Harbor color palette (#FFE7EF, #E0D5FF, #CFD0C4, #563243, #1B1216)
• Muted Mulberry color palette (#FAF1FF, #E9AEEB, #C76DB6, #911266, #400020)
• Blush Ridge color palette (#E4E7FC, #FFAE6E, #FF84B5, #320019, #050000)
• Hushed Marigold Bloom color palette (#E3E7D9, #FFA95E, #60C2FF, #395D51, #11211C)
• Pale Celadon color palette (#FAFB79, #FFD8BF, #FFB8D2, #511F35, #160504)
• Feathered Station color palette (#FEF1F7, #CFC8FF, #BD62B5, #7C50EB, #120003)

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