Cobalt Field color palette — #FFF1F3 · #FDD0D1 · #E79696 · #7C6AAC · #5F3A53

Built around Slate, softened by Rose Quartz — the whole palette hums with creativity and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#FDD0D1): A whisper-light, dusty red — the color of embers at dusk.
• Rose Quartz (#E79696): A luminous, balanced red — the color of a theater curtain.
• Slate (#7C6AAC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#5F3A53): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

Use it as a design system

One click turns Cobalt Field 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

• Ancient Cobalt color palette (#FFF0F7, #F1D8FF, #EAA7CB, #4E6BAF, #4B365C)
• Ancient Driftwood Villa color palette (#FFF2EE, #E0D9CF, #E1BA95, #9B708C, #5E4239)
• Wandering Coral Alley color palette (#FFF1F2, #F4A6C0, #D67A6D, #6E4E86, #462424)
• Patina Study color palette (#FFECF1, #FFCEDC, #F1A36F, #4375D8, #431634)
• Gentle Villa color palette (#F4F4FF, #F5D5D1, #FFBF8E, #5994F1, #64354F)
• Linen Meadow color palette (#FDDBE7, #EE918E, #CE713D, #79306F, #391017)
• Wisteria Hollow color palette (#F5F3FF, #F2D5D5, #D5BD9A, #BF98F7, #553550)
• Patina Chestnut Studio color palette (#FFF2EB, #DFDCCC, #9FBCD1, #A58279, #794511)

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