Patina Amber color palette — #FBF4E9 · #DBE6B6 · #C2C6FF · #BB9429 · #593B4E
Mustard and Lilac Frost set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Celadon Mist (#DBE6B6): A whisper-light, dusty green — the color of a quiet forest floor.
- Lilac Frost (#C2C6FF): A whisper-light, dusty violet — the color of wild irises.
- Mustard (#BB9429): A luminous, balanced gold — the color of afternoon light on wheat.
- Cocoa (#593B4E): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged light, muted.
Use it as a design system
One click turns Patina Amber 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
- Aged Lantern color palette (#F5F6EA, #CFF1C7, #CBC2FF, #71AC63, #5C3A4C)
- Amber Villa color palette (#FDF3EA, #E7DFB5, #9CD4F9, #CC8940, #235042)
- Washed Parlor color palette (#FAF5E8, #BFE2D6, #C1C5D0, #D8A992, #5F4C00)
- Aged Summit color palette (#FCF5E0, #D2D08F, #A9B6F6, #909DE0, #3A3831)
- Mustard Corridor color palette (#E9FAF0, #C1B155, #8297CD, #7D733C, #3F4E66)
- Weathered Boulevard color palette (#FBF4E8, #D4E2C7, #BFAB88, #987055, #3D4400)
- Muted Abyss Studio color palette (#F5F6EE, #E3DED1, #6E906F, #2E5030, #1B1D0E)
- Emerald Coast color palette (#F3F8E7, #A7E5BC, #EF9DCB, #00A45F, #512940)
Browse the whole catalog at Explore, or see today's palette.