Tangerine Coast color palette — #FCE5E9 · #F07C46 · #A17800 · #545F00 · #001C0D

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FCE5E9): A whisper-light, dusty red — the color of a theater curtain.
• Tangerine (#F07C46): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#A17800): A full-bodied, balanced gold — the color of honey in a jar.
• Olive (#545F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#001C0D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Tangerine Coast 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

• Linen Grove color palette (#FBE6DF, #CD8E00, #7F8100, #006333, #001D1B)
• Amber Hollow color palette (#FBDAC8, #C37600, #7A5B00, #413D00, #101600)
• Misty Blush color palette (#FADAF0, #F06D7E, #C25C00, #694E00, #151B00)
• Tempered Coral color palette (#F9EAD8, #EC6956, #807A00, #4343AE, #251000)
• Washed Grove color palette (#F6E8D3, #9E7000, #37491B, #2A1901, #040100)
• Pale Marigold color palette (#FADFD5, #F2A700, #979E00, #00813C, #00312C)
• Pale Olive Pier color palette (#F1DBC6, #8C8000, #397200, #004B3A, #000506)
• Hushed Pewter color palette (#F7DEE2, #C7908F, #91865C, #6E4F89, #440D1E)

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