Shell Studio color palette — #F9F5E8 · #D7DA9F · #F9B0B6 · #ABAD70 · #694237
A conversation between Ballet Pink and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5E8): bright and airy, almost weightless.
- Wheat (#D7DA9F): A whisper-light, dusty green — the color of fresh herbs.
- Ballet Pink (#F9B0B6): A whisper-light, balanced red — the color of a theater curtain.
- Sage (#ABAD70): A luminous, balanced green — the color of new leaves after rain.
- Cocoa (#694237): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Shell Studio 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
- Softworn Thicket color palette (#F2F8E8, #ABE4C5, #EBBD91, #76B997, #6E4100)
- Softworn Hollow color palette (#FEF3E7, #F0CFA1, #90D8C2, #C8A16A, #445337)
- Driftwood Basin color palette (#F8F6E5, #BDCC97, #B7A7DD, #85945B, #624251)
- Worn Jade color palette (#F5F6EB, #BAE2B0, #9BCEF0, #89B77D, #315649)
- Washed Jade color palette (#E9F3D8, #66D9A0, #E3A060, #21AB72, #502B00)
- Fern Courtyard color palette (#F6F6E7, #D0E4D1, #99BFBB, #547B89, #4C4F00)
- Tempered Moss Hollow color palette (#E9F9F4, #B0EAF2, #C7C4FF, #85A847, #3C4463)
- Hushed Driftwood color palette (#F6F8D9, #B2ECD0, #A4C392, #779668, #3E3D00)
Browse the whole catalog at Explore, or see today's palette.