Apricot Pier color palette — #FFF2F0 · #FFA04E · #9F7600 · #4A4A00 · #031B00
Apricot and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Apricot (#FFA04E): A luminous, balanced gold — the color of afternoon light on wheat.
- Ochre (#9F7600): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#4A4A00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#031B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Apricot 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
- Tempered Rust color palette (#FFF1F4, #FFA7A2, #C55B00, #644600, #171700)
- Sunlit Workshop color palette (#FFF3E9, #E4B400, #798D00, #035711, #001C15)
- Mustard Parlor color palette (#ECDBCB, #F4AA00, #BD9200, #816C00, #2F2C00)
- Ancient Nightshade Alley color palette (#FFF3E3, #FF8241, #7E7500, #3724AF, #261300)
- Dusty Ember Basin color palette (#F6D7DA, #EB6630, #805700, #2E3900, #001608)
- Deep Boulevard color palette (#F6E7DF, #9B6900, #413E00, #061400, #000201)
- Pine Lantern color palette (#FFF3E9, #F3CE4C, #96A200, #1C7206, #003528)
- Hushed Field color palette (#FBF3ED, #DFDFCD, #A5CDB2, #C35D00, #322012)
Browse the whole catalog at Explore, or see today's palette.