Amber Pier color palette — #FFF3E8 · #C1702D · #757300 · #005769 · #310D0E

Built around Caramel, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Caramel (#C1702D): A luminous, balanced gold — the color of old brass.
• Olive (#757300): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005769): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#310D0E): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Airy Raspberry color palette (#FFF2EF, #C1627D, #986500, #005C51, #331224)
• Weathered Pine Field color palette (#FFF3E9, #BF8561, #4D8E4C, #3061A1, #371F18)
• Ultramarine Chapel color palette (#FFEFD5, #A37C00, #007A60, #1F00E0, #290700)
• Denim Dune color palette (#FCECD2, #DB858F, #A16A1B, #1E52A0, #362F2B)
• Sunlit Aubergine color palette (#EBE9D3, #6B8C1A, #006473, #6B007C, #1C1100)
• Tempered Bronze color palette (#FDE8D5, #A05800, #405600, #00364B, #120005)
• Ancient Navy Canyon color palette (#FFEDEA, #CF7592, #4D821D, #2D479E, #381C4C)
• Rust Pier color palette (#F5E5D9, #C56000, #543B00, #301D0C, #140B07)

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