Amber Pier color palette — #FFF2E9 · #CC7339 · #717500 · #005C73 · #321114

Coral Clay and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Coral Clay (#CC7339): A luminous, balanced gold — the color of honey in a jar.
• Olive (#717500): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005C73): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#321114): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Amber 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

• Faded Denim color palette (#FFF3E7, #BA8556, #5A8C4A, #015C9E, #3E241D)
• Patina Coral color palette (#FFF2EE, #C86976, #8A6300, #00635C, #2A1431)
• Pale Ember Basin color palette (#FFF0FB, #F66146, #5B8300, #00544D, #0B0B1E)
• Patina Nightshade color palette (#FFF0DE, #9F6C00, #006F56, #3D00CB, #2B0900)
• Dusty Denim color palette (#FAEDD7, #D98596, #A36926, #0054A2, #4B231E)
• Blush Coast color palette (#FFF2F0, #FD73A5, #BD8310, #686BAE, #2D1117)
• Worn Thicket color palette (#EBFAED, #826000, #005838, #00393D, #0B1D2F)
• Frosted Grape color palette (#FBF6DA, #839700, #008386, #7E00BB, #371A00)

Browse the whole catalog at Explore, or see today's palette.