Tempered Coast color palette — #FBF5E6 · #F5E79F · #BEC8FF · #AC9A41 · #573C4F
Built around Moss, softened by Butter — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF5E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Butter (#F5E79F): A whisper-light, balanced green — the color of new leaves after rain.
- Lilac Frost (#BEC8FF): A whisper-light, dusty violet — the color of a velvet chair.
- Moss (#AC9A41): A luminous, balanced green — the color of a quiet forest floor.
- Cocoa (#573C4F): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Tempered Coast 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
- Mallow Workshop color palette (#F4F7EA, #C8F3C9, #EEB2FD, #6FAB73, #5C3B43)
- Tempered Amber color palette (#FFF2E9, #EBD9BB, #88D7FF, #CD865D, #2C4E41)
- Softworn Loft color palette (#FAF5E8, #B9E7D5, #C3C3CD, #C4AF85, #5B5200)
- Hushed Bronze Summit color palette (#FAF5E9, #D7E6C2, #BBAF7B, #9B7133, #474100)
- Hushed Lagoon Lantern color palette (#F5F6EC, #CDDBCB, #67945D, #484A00, #1B1C11)
- Worn Mustard color palette (#FCF6D9, #CCF0C4, #B1B866, #656C2B, #312F28)
- Ancient Aqua Meadow color palette (#FBF5E2, #D5D07D, #64C9EF, #CE89B0, #3B3831)
- Weathered Bronze color palette (#EAFAF0, #BAB17C, #56A8AA, #7E742F, #2F535E)
Browse the whole catalog at Explore, or see today's palette.