Tempered Powder color palette — #FDF3F0 · #BCEBF0 · #A8CAEF · #919671 · #36544D

Sky and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3F0): bright and airy, almost weightless.
• Frost (#BCEBF0): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A8CAEF): A whisper-light, dusty blue — the color of open sky before noon.
• Moss (#919671): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#36544D): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Tempered Powder 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 Teal Atelier color palette (#EEF7F5, #D0E0EF, #97D3D6, #6FB1A2, #385864)
• Powder Harbor color palette (#FFF2EE, #D0DFF7, #7DC6E5, #5D9068, #4D364E)
• Softworn Cypress Bloom color palette (#F9F3F7, #D3E1EE, #75A0B5, #457C5B, #3A566B)
• Ancient Harbor color palette (#FFF1F5, #E4D9D3, #D6B4BD, #A1B1AF, #5B4A4C)
• Hushed Bronze color palette (#FBF5E6, #D0E7C6, #BBAD8A, #9F6F37, #374600)
• Lilac Meadow color palette (#FFF0FE, #E3D7E5, #BE9CDB, #986A87, #5F423E)
• Dusty Orchard color palette (#FFF1F4, #F1B0FC, #9AC99B, #84AF84, #473236)
• Wandering Azure color palette (#FFF2EA, #C3EDFF, #5E94D7, #006B5C, #1B193C)

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