Tangerine Grove color palette — #F0F5FF · #98B4FF · #F06B00 · #5D8400 · #003A29

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

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#98B4FF): A luminous, balanced violet — the color of wild irises.
• Tangerine (#F06B00): A luminous, vivid orange — the color of toasted spice.
• Olive Leaf (#5D8400): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003A29): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Olive Veranda color palette (#E9F3FF, #79B5FF, #D66F77, #3C8318, #003041)
• Hushed Ember Hollow color palette (#F0F5FF, #A0B2FF, #FB5D3A, #008C4C, #152574)
• Airy Wisteria Station color palette (#F2F5FF, #B2ABFF, #BE70ED, #8D7200, #00354C)
• Magenta Field color palette (#E6F9FF, #00D0D4, #D364DD, #8E7200, #003932)
• Dusty Mallow color palette (#ECF5FF, #CCC1F6, #D69AC8, #639162, #00594D)
• Wandering Ridge color palette (#F4F4FE, #D3BBEE, #C9A16D, #2F979D, #423B65)
• Wisteria Ridge color palette (#E3E6FF, #BB8CFF, #C77100, #00786B, #040872)
• Crimson Bloom color palette (#EEF6FF, #76BDFF, #F16270, #D32146, #003C0B)

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