Tempered Pier color palette — #F1F5FF · #A9ABE6 · #978E51 · #43755D · #1A4B4C
Built around Mauve, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Mauve (#A9ABE6): A luminous, balanced violet — the color of twilight just after sunset.
- Moss (#978E51): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#43755D): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#1A4B4C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered 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
- Antique Amber Study color palette (#FBF2FB, #A9CFFF, #CB8858, #2D7876, #264025)
- Dusty Mallow Garden color palette (#F4F4FF, #DCB5F7, #DA967F, #798F61, #214759)
- Weathered Canyon color palette (#E9F8FF, #71BFCC, #B77882, #52734F, #2D4B2B)
- Hushed Villa color palette (#EFF6FF, #CECEE9, #B7A1B7, #6D8B94, #3D565E)
- Aged Fern Villa color palette (#FFF1F5, #A88ABD, #9D5E41, #37602A, #16485F)
- Misty Iris Parlor color palette (#F0F5FF, #7A91FF, #A36A00, #005F75, #003744)
- Feathered Bloom color palette (#F2F0FF, #B879C6, #4F8226, #005A69, #00323B)
- Washed Blush color palette (#FCF1FD, #E28593, #34918A, #006B73, #003F4F)
Browse the whole catalog at Explore, or see today's palette.