Tempered Powder color palette — #F0F7F1 · #D9D5E1 · #A3D2F8 · #699AAC · #3F4F63
Powder Blue and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Silver (#D9D5E1): a clean, paper-quiet neutral.
- Powder Blue (#A3D2F8): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#699AAC): A luminous, dusty blue — the color of deep harbor water.
- Charcoal Brown (#3F4F63): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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
- Driftwood Pier color palette (#FCF1FF, #E8DDD7, #C2B5AE, #7C9A86, #5A4E5B)
- Dusty Cypress color palette (#F7F0EC, #C9E2E2, #7F9FC2, #1C7A77, #432E3E)
- Ancient Turquoise Field color palette (#EAFAED, #C9DDFB, #00ADC3, #00755C, #002937)
- Aged Veranda color palette (#ECF9EE, #76DBFE, #0083BD, #005153, #000C20)
- Tempered Courtyard color palette (#F9F2FE, #FAD2CF, #8CDFC5, #C0869F, #234E52)
- Tempered Denim Boulevard color palette (#D8E4DA, #58ABE0, #0053A1, #002A32, #00000B)
- Shell Hollow color palette (#FBF1FF, #FFB2CA, #B4C380, #73A9CE, #3F3344)
- Timeworn Drift color palette (#F5F4FF, #FFD6F8, #DF9AC4, #9E6A7D, #5E4A60)
Browse the whole catalog at Explore, or see today's palette.