Tempered Powder Harbor color palette — #FBF3EE · #C0E5F5 · #C2C0EC · #83997A · #5A4752

A conversation between Lavender and Eucalyptus, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Powder Blue (#C0E5F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender (#C2C0EC): A whisper-light, dusty violet — the color of a velvet chair.
• Eucalyptus (#83997A): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#5A4752): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Washed Lagoon Canyon color palette (#FCF3EC, #D8D5E1, #9FBBEF, #3B928A, #543445)
• Powder Thicket color palette (#EEF7F7, #D7DCEA, #9FCDED, #7DA9BF, #415568)
• Timeworn Cocoa Alley color palette (#E6FBF0, #CBE1FF, #F5BF93, #67A3BC, #663A00)
• Timeworn Powder Ridge color palette (#DFFDF1, #8CD6FF, #E0B07F, #C09A72, #2B3D36)
• Petrol Lagoon color palette (#F1F3EC, #C5E2E2, #6FA3C5, #1A778A, #193E35)
• Washed Hollow color palette (#E6FED8, #92FAFF, #64BCE1, #5E80A4, #614758)
• Sky Grove color palette (#FFF2EE, #CDE2FA, #1AC1E6, #4D8649, #0B375A)
• Bronze Summit color palette (#FCF4E7, #D5E7C2, #C2AB85, #A36C3C, #3F4400)

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