Olive Pier color palette — #F4EBDA · #5C7100 · #004929 · #001817 · #000204

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

The five colors

• Cream (#F4EBDA): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#5C7100): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004929): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#001817): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000204): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Antique Chapel color palette (#F8EAD4, #706834, #004D40, #430003, #0D0600)
• Obsidian Cypress color palette (#E2EDD9, #007A5F, #003E43, #001929, #01000B)
• Smoked Bloom color palette (#F8DDD7, #8E5600, #383900, #001C05, #000202)
• Moss Lagoon color palette (#E9DEC2, #729000, #006547, #003637, #000D14)
• Deep Fern color palette (#EADEEF, #5C5800, #003731, #2C0014, #010200)
• Weathered Spruce color palette (#E2EBE8, #93A4A4, #5C8390, #2A3D00, #000604)
• Antique Canyon color palette (#D2E3E1, #A77F00, #228107, #005A73, #000201)
• Antique Workshop color palette (#CAEEDB, #00868A, #004B69, #070073, #0C0018)

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