Tangerine Ridge color palette — #FFF2EA · #FFAF8A · #65D363 · #F26600 · #064809
Tangerine and Lime set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Melon (#FFAF8A): A whisper-light, balanced orange — the color of toasted spice.
- Lime (#65D363): A luminous, vivid green — the color of a quiet forest floor.
- Tangerine (#F26600): A luminous, vivid orange — the color of sun-warmed clay.
- Forest (#064809): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged warm.
Use it as a design system
One click turns Tangerine Ridge 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
- Aged Amber color palette (#FBECDA, #E7B474, #3ACCA0, #C68000, #00402F)
- Hushed Magenta color palette (#FFE6D5, #FF9465, #B2B200, #F34CCF, #521E04)
- Gentle Mint Basin color palette (#F9E6E8, #00EB7E, #F1B100, #6B4C00, #2B1F0B)
- Airy Villa color palette (#FFEADD, #F1BA9B, #E9855B, #BC624F, #4E2C0E)
- Wandering Corridor color palette (#FFEBF6, #F16A00, #2B9C2E, #933E00, #022903)
- Sunlit Amber Villa color palette (#FDF4E5, #EECA7B, #B18600, #745700, #261800)
- Lime Pier color palette (#F7F6E7, #CCDCB0, #7AD5F4, #98B560, #335644)
- Amber Bloom color palette (#EDDECB, #CC8F00, #00A68C, #946700, #00211A)
Browse the whole catalog at Explore, or see today's palette.